An example header pattern from Pattern Lab

header.mustache

<!-- Begin .header -->
<header class="header cf" role="banner">
	{{> atoms-logo }}
	<a href="#search-form" class="nav-toggle nav-toggle-search icon-search"><span class="is-vishidden">Search</span></a>
	<a href="#nav" class="nav-toggle nav-toggle-menu icon-menu"><span class="is-vishidden">Menu</span></a>
	{{> molecules-primary-nav }}
	{{> molecules-search }}
</header>
<!-- End .header -->