webDNA Component Library

Header 

<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>
 


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

  <div class="container grid grid--middle">
    <div>{% include '@logo' %}</div>
    <div>{% include '@navigation-primary' %}</div>
  </div>

</header>

{
  "siteName": "siteName",
  "siteUrl": "/"
}

There are no notes for this item.