<nav class=“nav”>

      <a href="javascript:void()" id="menu-icon" onclick="responsiveNav()">
              <svg style="width: 32px; height: 32px;"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>
      </a>
  <ul id="nav">
    <li class="brand"><a href="{{ '/' | prepend: site.baseurl }}">{{ site.title }}</a></li>
    <li class="info"><a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a></li>
    <li class="info"><a href="https://github.com/{{ site.github_username }}">Github</a></li>
    <li class="info"><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
  </ul>
</nav>