<!– Banner –> <section id=“banner”>
<!-- ".inner" is set up as an inline-block so it automatically expands in both directions to fit whatever's inside it. This means it won't automatically wrap lines, so be sure to use line breaks where appropriate (<br />). --> <div class="inner"> <header> <h2>{{ site.title }}</h2> </header> <p>{{ site.subtitle }}</p> <footer> <ul class="buttons stacked"> <li><a href="#main" class="button fit scrolly">Tell Me More</a></li> </ul> </footer> </div>
</section>