<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Multi-level menu</title>
   <link rel="stylesheet" href="css/styles.css">
</head>
<body>

<nav class="menu">
  <!--Level 1-->
  <ul>
    <li><a href="#">Level 1-1</a></li>
    <li><a href="#">Level 1-2</a>
      <!--Level 2-->
      <ul>
        <li><a href="#">Level 2-1</a></li>
        <li><a href="#">Level 2-2</a>
          <!--Level 3-->
          <ul>
            <li><a href="#">Level 3-1</a></li>
            <li><a href="#">Level 3-2</a>
              <ul>
                <li><a href="#">Level 4-1</a>
                  <ul>
                    <li><a href="#">Level 5-1</a></li>
                    <li><a href="#">Level 5-2</a></li>
                    <li><a href="#">Level 5-3</a>
                      <ul>
                        <li><a href="#">Level 6-1</a></li>
                        <li><a href="#">Level 6-2</a></li>
                        <li><a href="#">Level 6-3</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li><a href="#">Level 4-2</a></li>
                <li><a href="#">Level 4-3</a></li>
              </ul>

            </li>
          </ul>
        </li>
        <li><a href="#">Level 2-3</a></li>
        <li><a href="#">Level 2-4</a></li>
        <li><a href="#">Level 2-5</a></li>
        <li><a href="#">Level 2-6</a></li>
      </ul>
    </li>
    <li><a href="#">Level 1-3</a></li>
    <li><a href="#">Level 1-4</a>
  </ul>
</nav>

</body>
</html>