<nav class="Navbar Navbar--default js-NavbarDefault">
  <a href="/" class="Navbar-logo">Navbar</a>
  <div class="Navbar-ctrl">
    <div class="Navbar-ctrl-trigger js-NavbarDefaultTrigger">
      <i class="Navbar-ctrl-trigger-icon"></i>
    </div>
  </div>
  <ul>
    <li class="Navbar-item">
      <a class="Navbar-link" href="/">Home</a>
    </li>
    <li class="Navbar-item">
      <a class="Navbar-link" href="/">Link</a>
    </li>
    <li class="Navbar-item">
      <a class="Navbar-link" href="#">Dropdown</a>
      <span class="Navbar-trigger">
        <i class="Navbar-trigger-icon"></i>
      </span>
      <ul class="Navbar-sub">
        <li class="Navbar-item">
          <a class="Navbar-link" href="#">Link</a>
        </li>
        <li class="Navbar-item">
          <a class="Navbar-link" href="#">Link</a>
          <span class="Navbar-trigger">
            <i class="Navbar-trigger-icon"></i>
          </span>
          <ul class="Navbar-sub">
            <li class="Navbar-item">
              <a class="Navbar-link" href="#">Link (3rd level)</a>
              <span class="Navbar-trigger">
                <i class="Navbar-trigger-icon"></i>
              </span>
              <ul class="Navbar-sub">
                <li class="Navbar-item">
                  <a class="Navbar-link" href="#">Link (4th level)</a>
                </li>>
              </ul>
            </li>
          </ul>
        </li>
        <li class="Navbar-item">
          <a class="Navbar-link" href="#">Link</a>
        </li>
      </ul>
    </li>
  </ul>
</nav>