<!doctype html> <html lang=“en”>
{% include doctype-head.html %} <body class="layout-{{page.layout}} grid grid-12"> <header class="site-header grid-item"> <nav class="navigation"> <div class="logo"> <a href="/"> <span class="header">Marcus Relacion</span> <span class="subheader">Design & Development</span> </a> </div> <ul class="links"> {% for link in site.data.navigation.primary-nav %} <li class="link"><a href="{{link.url}}" class="">{{link.title}}</a></li> {% endfor %} </ul> </nav> </header> <section class="hero grid-item"> <div class="hero__details"> <h1 class="hero__header">{{page.title}}</h1> <p class="hero__subheader">{{page.description}}</p> {% if page.tagline %} <small class="hero__tagline">{{page.tagline}}</small> {% endif %} </div> <div class="hero__image" style="background-image: url('{{page.image}}'); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </section>