Example
Markup: components/navigation/footer-nav.twig
<div class="region region-footer cr-footer">
  <nav role="navigation" aria-labelledby="block-campaign-base-footer-menu" id="block-campaign-base-footer" class="contextual-region block block-menu navigation menu--footer bg--black">          
    <h2 class="visually-hidden" id="block-campaign-base-footer-menu">Footer menu</h2>
    <ul class="menu">
      <li class="menu-item">
        <a href="/web/node/1" data-drupal-link-system-path="/web/node/1">FAQ</a>
      </li>
      <li class="menu-item">
        <a href="/web/node/2" data-drupal-link-system-path="/web/node/2">Legal</a>
      </li>
      <li class="menu-item">
        <a href="/web/partners" data-drupal-link-system-path="/web/partners">Partners</a>
      </li>
    </ul>
  </nav>
</div>
Source: base-styleguide.scss, line 464