<!DOCTYPE html> <html lang=“{{site.active_lang}}” class=“no-js”>
{% include head.html %} {% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
<style>
.video-container { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .video-container video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto; height: auto; /* Center the video */ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } </style> <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151"> {% assign transparent = true %} {% include navigation.html currentRequest=currentRequest transparent=transparent %} <div class="video-container"> <video poster="/assets/video/meerkat-404.jpg" autobuffer="" autoplay="" loop=""> <source src="/assets//video/meerkat-404.mp4" type="video/mp4"> <source src="/assets//video/meerkat-404.ogv" type="video/ogg"> <source src="/assets//video/meerkat-404.webm" type="video/webm"> </video> </div> <section class="blogtitlepic container-fluid" style="height: 0% !important;"> <h1>{{page.title}}</h1> </section> {% include scripts.html %} </body>
</html> <!– Page Info: Banner Layout –>