Show/hide markup
<div id="banner" class="section bg-gray banner text ">
    <div class="row pad">
        <div class="banner--content text--content">
            <h2 class="title">Compelling, intriguing title goes here</h2>
            <p class="teaser">Great, equally interesing sub-title and descriptive text follows here</p>
            <a href="#" class="button">Read the story</a>
        </div>
    </div>
</div>