A Pen by Mike Stezycki.

A-Pen-by-Mike-Stezycki.markdown

A Pen by Mike Stezycki

A Pen by Mike Stezycki on CodePen.

License.

index.html

    <header class="page-header" role="header">
      <div class="wrapper">
        <a href="/" class="page-logo  page-logo--header"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Zero Culture" class="page-logo__img"></a>
        <ul class="nav-menu  nav">
          <li class="nav-menu__item  hide-for-desktop"><a href="#modal--menu" class="nav-menu__link  nav-menu__link--modal-open" data-classtoggle-class="modal--menu--is-open">Menu</a></li>
          <li class="nav-menu__item  hide-for-mobile"><a href="/brand" class="nav-menu__link">Brand</a></li>
          <li class="nav-menu__item  hide-for-mobile"><a href="/directory" class="nav-menu__link">Directory</a></li>
          <li class="nav-menu__item  hide-for-mobile"><a href="/genesis" class="nav-menu__link">Genesis</a></li>
          <li class="nav-menu__item  hide-for-mobile"><a href="/magazine" class="nav-menu__link">Magazine</a></li>
          <li class="nav-menu__item  hide-for-mobile"><a href="/work" class="nav-menu__link">Work</a></li>
          <!--<li class="nav-menu__item"><a href="" class="nav-menu__link">Sign In</a></li>-->
        </ul>
      </div>
    </header>