<!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 &amp; 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>