<nav class="c-main-menu-v1">
  <div class="c-main-menu-v1__headerbar">
    <button class="c-main-menu-v1__trigger" id="menutrigger">Menu</button>
  </div>
  <ul class="c-main-menu-v1__list c-main-menu-v1__list--level-1" id="menulist">
    <li class="c-main-menu-v1__item c-main-menu-v1__item--level1 c-main-menu-v1__item--has-submenu c-main-menu-v1__item[modifier class]"><span class="c-main-menu-v1__link c-main-menu-v1__link--arrow c-main-menu-v1__link--level-1 c-main-menu-v1__link[modifier class]">Subpage 1</span>
      <ul class="c-main-menu-v1__list c-main-menu-v1__list--level-2">
        <li class="c-main-menu-v1__item c-main-menu-v1__item--level2 c-main-menu-v1__item--has-submenu c-main-menu-v1__item[modifier class]"><span class="c-main-menu-v1__link c-main-menu-v1__link--level-2 c-main-menu-v1__link[modifier class]">Subpage 1-1</span></li>
        <li class="c-main-menu-v1__item c-main-menu-v1__item--level2"><a class="c-main-menu-v1__link c-main-menu-v1__link--level-2" href="#" title="1-2 Subpage">Subpage 1-2</a></li>
        <li class="c-main-menu-v1__item c-main-menu-v1__item--level2"><span class="c-main-menu-v1__link c-main-menu-v1__link--level-2" title="1-3 Subpage">Subpage 1-3</span></li>
      </ul>
    </li>
    <li class="c-main-menu-v1__item c-main-menu-v1__item--level1 c-main-menu-v1__item--has-submenu"><span class="c-main-menu-v1__link c-main-menu-v1__link--arrow c-main-menu-v1__link--level-1" title="2 Subpage">Subpage 2</span>
      <ul class="c-main-menu-v1__list c-main-menu-v1__list--level-2">
        <li class="c-main-menu-v1__item"><a class="c-main-menu-v1__link c-main-menu-v1__link--level-2" href="#2-1-subpage/" title="2-1 Subpage">Subpage 2-1</a></li>
      </ul>
    </li>
    <li class="c-main-menu-v1__item c-main-menu-v1__item--level1"><a class="c-main-menu-v1__link c-main-menu-v1__link--level-1" href="#" title="3 Subpage">Subpage 3</a></li>
  </ul>
</nav>