Skip to main content

Header

The global header for the site.

Example

Colin Bacon, web developer.

<header class="header">

<div class="layoutContainer">
<h2 class="header-logo">
<a href="#">I am Bacon</a>
</h2>
<p class="visuallyHidden"> Colin Bacon, web developer.</p>
<nav class="header-nav">
<h3 class="visuallyHidden">Site navigation</h3>
<ul class="listInline">
<li class="header-nav-link">
<a href="#">Blog</a>
</li>
</ul>
</nav>
</div>
</header>