Hero Text Banner
Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)
HTML
<div class="banner banner-hero">
<div class="lc">
<h2 class="banner-hero-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)</h2>
</div>
</div>
Cta Banner
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Call to actionHTML
<div class="banner banner-cta">
<div class="lc">
<p class="banner-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
<a href="#" class="banner-cta text-btn">Call to action</a>
</div>
</div>
Pattern Banner
HTML
<div class="banner banner-pattern tiles"></div>
Pattern Banner Cooking
HTML
<div class="banner banner-pattern cooking"></div>
Pattern Banner Gardening
HTML
<div class="banner banner-pattern gardening"></div>
Pattern Banner Groceries
HTML
<div class="banner banner-pattern groceries"></div>
Pattern Banner Kiwis
HTML
<div class="banner banner-pattern kiwis"></div>
Pattern Banner Tiles
HTML
<div class="banner banner-pattern tiles"></div>