<nav id="nav-main" class="nav-primary" aria-label="Main Menu">
<ul class="nav-primary__list">
<li class="nav-primary__item nav-primary__link--has-children" aria-haspopup="true">
<a class="nav-primary__link nav-primary__link--current-page" href="#">Nav Item</a>
<button class="nav-primary__toggle" aria-label="toggle"></button>
<ul class="nav-primary__sublist nav-primary__sublist--hidden" aria-expanded="false">
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link nav-primary__link--current-page" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
</ul>
</li>
<li class="nav-primary__item nav-primary__link--has-children" aria-haspopup="true">
<a class="nav-primary__link" href="#">Nav Item</a>
<button class="nav-primary__toggle" aria-label="toggle"></button>
<ul class="nav-primary__sublist nav-primary__sublist--hidden" aria-expanded="false">
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
</ul>
</li>
<li class="nav-primary__item nav-primary__link--has-children" aria-haspopup="true">
<a class="nav-primary__link" href="#">Nav Item</a>
<button class="nav-primary__toggle" aria-label="toggle"></button>
<ul class="nav-primary__sublist nav-primary__sublist--hidden" aria-expanded="false">
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
</ul>
</li>
<li class="nav-primary__item nav-primary__link--has-children" aria-haspopup="true">
<a class="nav-primary__link" href="#">Nav Item</a>
<button class="nav-primary__toggle" aria-label="toggle"></button>
<ul class="nav-primary__sublist nav-primary__sublist--hidden" aria-expanded="false">
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
</ul>
</li>
<li class="nav-primary__item ">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item nav-primary__link--has-children" aria-haspopup="true">
<a class="nav-primary__link" href="#">Nav Item</a>
<button class="nav-primary__toggle" aria-label="toggle"></button>
<ul class="nav-primary__sublist nav-primary__sublist--hidden" aria-expanded="false">
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
<li class="nav-primary__item">
<a class="nav-primary__link" href="#">Nav Item</a>
</li>
</ul>
</li>
</ul>
</nav>