Asli HTML template: 1-level menu markup

<ul class="menu-overlay" data-arts-component-name="MenuOverlay" data-arts-component-options="{}">
  <li>
    <a class="overlay-menu-item" href="#" data-arts-split-text-preset="overlayMenuItem">
      <div class="menu-overlay__heading">Menu Item #1</div>
      <div class="menu-overlay__counter ui-element"><span class="strong">09</span></div>
    </a>
  </li>
  <li>
    <a class="overlay-menu-item" href="#" data-arts-split-text-preset="overlayMenuItem">
      <div class="menu-overlay__heading">Menu Item #2</div>
      <div class="menu-overlay__counter ui-element"><span class="strong">010</span></div>
    </a>
  </li>
  <li>
    <a class="overlay-menu-item" href="#" data-arts-split-text-preset="overlayMenuItem">
      <div class="menu-overlay__heading">Menu Item #3</div>
      <div class="menu-overlay__counter ui-element"><span class="strong">011</span></div>
    </a>
  </li>
</ul>