Navbar Showcase

Preview 5 different navigation bars below and copy their code.

Navbar 1

<nav class="navbar navbar-1">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Navbar 2

<nav class="navbar navbar-2">
  <div class="logo">Logo</div>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>