metis-sample-1.html

<!--Level 1-->
<ul id="menu">
  <li><a href="#">Home</a></li>
  <li class="active">
    <a href="#">My Project</a>
    <!-- Level 2 -->
    <ul>
      <li class="active">
        <a href="#">Web</a>
        <!-- Level 3 -->
        <ul>
          <li>
            <a href="#">Design</a>
            <!-- Level 4 -->
            <ul>
              <li><a href="#">Logo</a></li>
              <li><a href="#">Banner</a></li>
            </ul>
          </li>
          <li class="active">
            <a href="#">Coding</a>
            <!-- Level 4 -->
            <ul>
              <li><a href="#">HTML 5</a></li>
              <li><a href="#">CSS 3</a></li>
              <li><a href="#">JavaScript</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#">Math</a></li>
      <li><a href="#">Building</a></li>
    </ul>
  </li>
  <li><a href="#">Blog</a></li>
</ul>