Header
This pattern contains:
atoms-logo
molecules-primary-nav
HTML
<!-- Begin .header -->
<header class="header cf" role="banner" id="top">
<a href="#"><img src="../../images/logo.svg" class="logo" alt="Seven Heads Design" onerror="this.onerror=null; this.src='../../images/logo.png'" /></a>
<nav id="nav" class="nav">
<ul>
<li><a class="curPage" href="#">About</a></li>
<li><a href="#">People & Partners</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav><!--end .nav-->
<a id="toggle" href="#nav"><span><b class="is-vishidden">Menu</b></span></a>
</header>
<!-- End .header -->
Footer
This pattern contains:
molecules-twitter-link
HTML
<!-- Begin Footer -->
<footer class="footer" role="contentinfo">
<div class="lc">
<p><a class="twitter" href="http://twitter.com/7headsdesign">Follow Seven Heads Design on Twitter</a></p>
<div class="copyright">
<p>All content ©2013-2014 Seven Heads Design unless otherwise noted.</p>
<p>Site by <a href="http://kevinsharon.com/">Kevin</a>, <a href="http://timkadlec.com/">Tim</a>, <a href="http://kevinmhoffman.com/">Kevin</a>, and <a href="http://danielmall.com/">Dan</a>.</p>
</div>
</div>
</footer>
<!-- End Footer -->