Navbar met logo, inlog menu en zoeken links

<div class="navbar-open"></div>
<div class="navbar-close"></div>
<nav class="navbar">      
  
  <div class="logo">
    <a href=""><img alt="logo" src=""></a>
  </div>

  <ul class="menu">
    <li class="dropdown"><a href="javascript:void(0)"><i class="icon icon-user"></i></a>
      <ul class="dropdown-menu">
        <li><a href="">Inloggen</a></li>
        <li><a href="">Lid worden</a></li>
      </ul>
    </li>
  </ul>
        
  <div class="search-container">
    <form action="/action_page.php">
      <input type="text" placeholder="Zoeken.." name="search">
      <button type="submit"><i class="icon icon-search"></i></button>
    </form>
  </div>    
                        
  <ul class="menu">
    <li><a class="active" href="#">Link 1</a></li>
    <li class="dropdown"><a href="javascript:void(0)">Link 2</a>
      <ul class="dropdown-menu">
        <li><a href="">Link 2 a</a></li>
        <li><a href="">Link 2 b</a></li>
        <li><a href="">Link 2 c</a></li>
        <li><a href="">Link 2 d</a></li>
      </ul>
    </li>
    <li><a href="">Link</a></li>
    <li><a href="">Link 4</a></li>
    <li class="dropdown"><a href="javascript:void(0)">Link 5</a>
      <ul class="dropdown-menu">
        <li><a href="">Link 5 a</a></li>
        <li><a href="">Link 5 b</a></li>
        <li><a href="">Link 5 c</a></li>
        <li><a href="">Link 5 d</a></li>
      </ul>
    </li>
  </ul>
</nav>

Kleurpalet

Klik op een kleur om het menu te wijzigen en de code zichtbaar te maken!