Banner

A Title for the Banner

Content for the banner

<div class="wwu-banner blue-overlay min-height--25vh">
    <div class="content">
        <h2 class="title">A Title for the Banner</h2>
        
        <div class="body">
            Content for the banner
        </div>
    </div>

    <div class="background-image">
        <img src={Placeholder} alt="leaves in water placeholder"/>
    </div>
</div>

Box Headline

A Title for the Banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<div class="wwu-banner box-headline min-height--50vh">
    <div class="content">
        <h2 class="title">A Title for the Banner</h2>
        
        <div class="body">
            Content for the banner
        </div>
    </div>

    <div class="background-image">
        <img src={Placeholder} alt="leaves in water placeholder"/>
    </div>
</div>

Animated Background

Subtle animation option for banners that uses less bandwidth than videos. We recommend using this feature sparingly, for the top image of landing pages only.

A Title for the Banner

Content for the banner