Menu bar

Voorbeeld HTML

<div class="rvo-menubar__background rvo-menubar__background--horizontal-rule">
  <nav class="rvo-menubar rvo-menubar--md">
    <ul class="rvo-menubar__ul">
      <li class="rvo-menubar__list">
        <ul class="rvo-menubar__group--flex">
          <li class="rvo-menubar__item">
            <a class="rvo-link rvo-menubar__link rvo-link--logoblauw" href="#">
              Home
            </a>
          </li>
          <li class="rvo-menubar__item rvo-menubar__item--submenu">
            <a
              class="rvo-link rvo-menubar__link rvo-link--logoblauw"
              role="button"
              href="#"
            >
              Onderwerpen
              <span
                class="utrecht-icon rvo-icon rvo-icon-delta-omlaag rvo-icon--md rvo-icon--wit"
                role="img"
                aria-label="Delta omlaag"
              ></span>
            </a>
          </li>
          <li class="rvo-menubar__item rvo-menubar__item--submenu">
            <a
              class="rvo-link rvo-menubar__link rvo-link--logoblauw"
              role="button"
              href="#"
            >
              Subsidies en financiering
              <span
                class="utrecht-icon rvo-icon rvo-icon-delta-omlaag rvo-icon--md rvo-icon--wit"
                role="img"
                aria-label="Delta omlaag"
              ></span>
            </a>
          </li>
        </ul>
        <ul class="rvo-menubar__group--flex">
          <li class="rvo-menubar__item" align="right">
            <a class="rvo-link rvo-menubar__link rvo-link--logoblauw" href="#">
              Zoeken
            </a>
          </li>
          <li class="rvo-menubar__item" align="right">
            <a class="rvo-link rvo-menubar__link rvo-link--logoblauw" href="#">
              Uitloggen
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </nav>
</div>

Open in nieuwe tab

Regels:

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