Banners are a great way to introduce your content. You can add an image banner or text banner at the top of the page.
Image banners are added to pages before the main content of the page. By default, banner images have a maximum width of 1800px and maximum height of 600px. They should have an aspect ratio of 3:1.
<section id="banner" class="banner image"> <img src="https://placehold.it/3072x1024" alt="Placeholder" /> </section>
Text banners can be used to add context to page. They can include a title, subtitle and call to action.
<section id="banner" class="section bg-gray text-overlay"> <div class="row pad"> <div class="two-thirds"> <h2>Intriguing title goes here</h2> <p>Interesting sub-title and descriptive text</p> <a href="#" class="button" title="Read the story">Read the story</a> </div> </div> </section>