<!– Header –> <section class=“slide video pauseOffScreen bordered-slide”>
<div class="content"> <div class="container"> <div class="wrap"> <ul class="flex later"> <li class="col-5-12 text-align-left fromLeft"> {% if page.title %} <h1 class="ae-3 home-headline">{{ page.title }}</h1> {% else %} <h1 class="ae-3 home-headline">{{ page.url | split: '/' | last | replace: '-', ' ' | replace: '_', ' ' | capitalize }}</h1> {% endif %} {% if page.subheadline %} <p class="ae-3">{{ page.subheadline }}</p> {% endif %} </li> </ul> </div> </div> </div> <nav class="panel bottom padding-bottom-6 ae-6"> <div class="sections"> <div class="left"></div> <div class="center"><span class="nextSlide"><svg style="width:40px;height:40px;fill:#FFFFFF!important;"><use xmlns:xlink="https://www.w3.org/1999/xlink" xlink:href="#arrow-down"></use></svg></span></div> <div class="right"></div> </div> </nav> <div class="background ae-2 fadeIn slow" id="home-header"> <video poster="{% if page.header_image %}{{ page.header_image | prepend:site.baseurl }}{% endif %}" autoplay loop muted webkit-playsinline> {% if page.background-video %} <source src="{{ page.background-video }}" type="video/mp4"/> <source src="{{ page.background-webm }}" type="video/webm"/> {% endif %} </video> </div>
</section> <!– .Header –>