Preview:
<header>
  <a href="#" class="logo"><span>M</span>y<span>W</span>ebsite</a>
  <ul class="navigation">
    <li><a href="#banner">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#projects" class="nav-btn">Projects</a></li>
  </ul>
</header>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter