A Pen by seth kontny.

<link href='//fonts.googleapis.com/css?family=Raleway:400,200,600' rel='stylesheet' type='text/css'>

​

<header>

  <a class="off-canvas-trigger" href="#">

    <span>S</span><span>E</span><span>T</span><span>H</span><span></span>

    <span> K</span><span>O</span><span>N</span><span>T</span><span>N</span><span>Y</span><span></span>

  </a>

  <nav class="off-canvas">

    <ul class="off-canvas__list">

      <li><a class="off-canvas__link" href="">About</a></li>

      <li><a class="off-canvas__link" href="">Resume</a></li>

      <li><a class="off-canvas__link" href="">Projects</a></li>

      <li><a class="off-canvas__link" href="">Writings</a></li>

      <li><a class="off-canvas__link" href="">Contacts</a></li>

      <li><a class="off-canvas__link" href="">Links</a></li>

      <li><a class="off-canvas__link" href="">Other Links</a></li>

    </ul>

  </nav>

</header>

<main>

  <section>

    <h1>Persona Vox</h1>

  </section>

  <h1>SleepMedx Inc.</h1>

  </section>

  <h1>Solo collab</h1>

</main>

<footer>

</footer>