Banners are a great way to introduce your content. You can add an image banner or text banner at the top of the page.
Warning: include(1.x/nav-section.php): failed to open stream: No such file or directory in /ip/iucommsg/wwws/_php/nav-section.php on line 2
Warning: include(): Failed opening '1.x/nav-section.php' for inclusion (include_path='.:/ip/iucommsg/wwws:/ip/pagriet/lib:/ip/iucommsg/wwws/_includes:/ip/iucommsg/wwws/_shared-sections:/ip/iucommsg/wwws/_php') in /ip/iucommsg/wwws/_php/nav-section.php on line 2
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 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>