HTML example:
<!-- Mainmenu-Area-Start -->
<nav>
<ul>
<li><a class="nav-link" href="#">Home</a></li>
<li><a class="nav-link" href="about.html">About</a></li>
<li><a class="nav-link" href="#services">Services</a></li>
<li class="menu-has-children"><a class="nav-link" href="#">Portfolio</a>
<ul class="submenu">
<li><a href="portfolio-1.html">Portfolio 1</a></li>
<li><a href="portfolio-2.html">Portfolio 2</a></li>
<li><a href="portfolio-3.html">Portfolio 3</a></li>
<li><a href="portfolio-details.html">Portfolio Details</a></li>
</ul>
</li>
<li class="menu-has-children"><a class="nav-link" href="#blog">Blog</a>
<ul class="submenu">
<li><a href="blog.html">Blog 1</a></li>
<li><a href="blog-2.html">Blog 2</a></li>
<li><a href="blog-3.html">Blog 3</a></li>
<li><a href="blog-4.html">Blog 4</a></li>
</ul>
</li>
<li><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Mainmenu-Area-End -->