<div class="sidebar-open"></div>
<div class="sidebar-close"></div>
<nav class="sidebar">      
  <ul class="menu">
    <li><p>Tekst</p></li>
  </ul>            
  <div class="logo">
    <a href="#"><img alt="logo" src=""></a>
  </div>
  <ul class="menu">
    <li><p>Tekst</p></li>
  </ul>            
  <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>
  <ul class="menu">
    <li><p>Tekst</p></li>
  </ul>            
  <div class="search-container">
    <form action="">
      <input type="text" placeholder="Zoeken.." name="search">
      <button type="submit"><i class="icon icon-search"></i></button>
    </form>
  </div>    
  <ul class="menu">
    <li><p>Tekst</p></li>
    <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>
      </ul>
    </li>
    <li><a href="#">Link</a></li>
  </ul>
</nav>
<main class="sidenav-container">
...
</main>

Kleurpalet

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