We are working on something new! Check it out here!

Hero

Hero image. Typically used with the brand stripe as in the following example.

Example

<div class="hero" style="height: 300px; background-image:url('https://unsplash.it/1200/800/?image=513');">
    <div class="stripe">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>
Source file: ~/source/sass/components/hero/_hero.scss