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


Add text and image banners

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

By default, banner images have a maximum width of 1800px and maximum height of 600px. They should have an aspect ratio of 3:1.

Show/hide markup
<div id="banner" class="section banner image">
    <div class="show-for-small-only" data-ratio="3x2">
        <div class="bg-image-cover" style="background-image: url('https://placehold.it/768x512');"></div>
    <div class="show-for-medium-only" data-ratio="2x1">
        <div class="bg-image-cover" style="background-image: url('https://placehold.it/1024x512');"></div>
    <div class="show-for-large" data-ratio="3x1">
        <div class="bg-image-cover" style="background-image: url('https://placehold.it/1800x600');"></div>