Menu bar

Voorbeeld HTML

<div class="rvo-topnav__background rvo-topnav__background--horizontal-rule">
  <nav class="rvo-topnav rvo-topnav--md">
    <ul class="rvo-topnav__list">
      <li class="rvo-topnav__item">
        <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="#">
          <span
            class="utrecht-icon rvo-icon rvo-icon-home rvo-icon--md rvo-icon--wit"
            role="img"
            aria-label="Home"
          ></span>
          Home
        </a>
      </li>
      <li class="rvo-topnav__item">
        <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="#">
          <span
            class="utrecht-icon rvo-icon rvo-icon-publicatie rvo-icon--md rvo-icon--wit"
            role="img"
            aria-label="Publicatie"
          ></span>
          Mijn aanvragen
        </a>
      </li>
      <li class="rvo-topnav__item">
        <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="#">
          <span
            class="utrecht-icon rvo-icon rvo-icon-plus rvo-icon--md rvo-icon--wit"
            role="img"
            aria-label="Plus"
          ></span>
          Nieuwe aanvraag
        </a>
      </li>
      <li class="rvo-topnav__item rvo-topnav__item--align-right">
        <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="#">
          <span
            class="utrecht-icon rvo-icon rvo-icon-versleutelen rvo-icon--md rvo-icon--wit"
            role="img"
            aria-label="Versleutelen"
          ></span>
          Uitloggen
        </a>
      </li>
    </ul>
  </nav>
</div>

Open in nieuwe tab

Regels:

• Zet altijd een knop 'uitloggen' rechts (of onderin bij direction 'vertical') in de Menubar.