nl flag
logo

Navigatie

Top horizontale navigatie

<div class="topnav">
  <a class="topnav-icon" href="javascript:void(0)"></a>
  <ul>
    <li><a class="active" href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a class="has-child" href="#"></a>
      <ul>
        <li><a href="#"></a></li>
        <li><a class="has-child" href="#"></a>
          <ul>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
          </ul>
        </li>
        <li><a href="#"></a></li>
      </ul>
    </li>
    <li><a href="#"></a></li>
  </ul>
</div>

Verticale navigatie

<div class="vertnav">
  <a class="active" href="javascript:void(0);">Link</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
</div>

Side navigatie

<div class="sidenav">
  <button class="btn-close"></button>
  <img alt="" src="">
  <span>tekst</span>
  <a class="active" href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>
<button class="btn-open"></button>
<div class="overlay"></div>
<div class="sidenav-main">
</div>