<nav class="menu-collapse cf" role="navigation">
  <ul class="menu-primary menu">
    <li class="menu-item current-menu-item"><a href="javascript:void(0);">home</a></li>
    <li class="menu-item">
      <a href="javascript:void(0);">item 1</a>
      <ul class="menu sub-menu">
        <li class="menu-item"><a href="javascript:void(0);">item 1 child 1</a></li>
        <li class="menu-item">
          <a href="javascript:void(0);">item 1 child 2</a>
          <ul class="menu sub-menu">
            <li class="menu-item"><a href="javascript:void(0);">level 2 child 1</a></li>
            <li class="menu-item"><a href="javascript:void(0);">level 2 child 2</a></li>
            <li class="menu-item"><a href="javascript:void(0);">level 2 child 3</a></li>
            <li class="menu-item"><a href="javascript:void(0);">level 2 child 4</a></li>
          </ul>
        </li>
        <li class="menu-item"><a href="javascript:void(0);">item 1 child 3</a></li>
        <li class="menu-item"><a href="javascript:void(0);">item 1 child 4</a></li>
      </ul>
    </li>
    <li class="menu-item"><a href="javascript:void(0);">item 2</a></li>
    <li class="menu-item"><a href="javascript:void(0);">item 3</a></li>
    <li class="menu-item"><a href="javascript:void(0);">item 4</a></li>
  </ul><!-- .menu-primary -->
</nav>