Page

<header role="banner" class="s-header">

    <div class="container grid grid--middle">
        <div>
            <div class="p-logo" itemscope itemtype="http://schema.org/Organization">

                <a class="p-logo-link p-logo-img" itemprop="url" href="/" title="Return to the siteName home page">
                    <span class="sr-only">siteName</span>
                </a>

            </div>
        </div>
        <div>
            <nav aria-label="primary-navigation">
                <ul class="nav grid m-off u-ta-center u-tt-uppercase">
                    <li><a href="">Work</a></li>
                    <li><a href="">Clients</a></li>
                    <li><a href="">Jobs</a></li>
                    <li><a href="">Contact</a></li>
                </ul>
            </nav>
        </div>
    </div>

</header>

<footer role="contentinfo" class="s-footer u-bgc--primary u-c--body-bg">
    <div class="container">
        <div class="s-footer-legal">
            <small>&copy;2016 siteName. All rights reserved.</small>
        </div>
    </div>
</footer>