<header class=“stripe stripe-blue”>
<div class="container"> <div class="row"> <div class="col-sm-6 col-sm-push-6"> {% assign figure = site.data.header['figure'] %} {% if figure != nil %} <figure style='padding-bottom: calc(300/553*100%); position: relative'> <img src="{{ figure.src }}" alt="{{ figure.alt }}" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%" /> </figure> {% endif %} </div> <div class="col-sm-6 col-sm-pull-6"> {% assign hero = site.data.header['hero'] %} <h1>{{ hero.title }}</h1> <p class="hero"> {{ hero.text }} </p> {% for p in site.data.header['paragraph'] %} {{ p }} {% endfor %} </div> </div> </div>
</header>