COLLECTIONS
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”ie=edge”>
<title>Multi-Level Dropdown Menu with Pure CSS – W3jar.Com</title>
</head>
<body>
<ul class=”dropdown”>
<li><a href=”#”>Menu</a>
<ul>
<li><a href=””>Nice Dropdown Menu</a></li>
<li><a href=””>Submenu – 1</a></li>
<li class=”has-child”><a href=”#”>Dropdown </a>
<svg xmlns=”http://www.w3.org/2000/svg” width=”16″ height=”16″ fill=”currentColor” class=”bi bi-arrow-right-square-fill” viewBox=”0 0 16 16″>
<path d=”M0 14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12zm4.5-6.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5a.5.5 0 0 1 0-1z”/>
</svg>
<ul>
<li><a href=””>Submenu – 1</a></li>
<ul>
<li><a href=””>Submenu – 1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href=””>Submenu – 2</a></li>
</ul>
</li>
</ul>
</body>
</html>