HTML-Prototype der OTH-Regensburg

<!-- START VUE MAIN NAVIGATION-->
<div id="navigation">
  <!-- START SKELETON LOADER-->
  <header class="c-main-navigation-sticky">
    <div class="c-main-navigation-sticky__container c-main-navigation-sticky__container--regular" aria-hidden="false" tabindex="0"><a class="c-main-navigation-sticky__logo-wrapper" href="/" title="Zur Startseite navigieren">
        <div class="c-main-navigation-sticky__logo-signet-wrapper">
          <svg class="c-main-navigation-sticky__logo-signet" aria-hidden="false" viewbox="0 0 160 80">
            <use xlink:href="Images/svg/sprite.symbol.svg#logo-oth-regensburg-signet"></use>
          </svg><span class="c-main-navigation-sticky__logo-signet-border"></span>
        </div>
        <div class="c-main-navigation-sticky__logo-text-wrapper">
          <svg class="c-main-navigation-sticky__logo-text" aria-hidden="false" viewbox="0 0 280 80">
            <use xlink:href="Images/svg/sprite.symbol.svg#logo-oth-regensburg-text"></use>
          </svg>
          <p class="c-main-navigation-sticky__logo-text-dynamic" aria-hidden="false"></p>
        </div></a>
      <div class="c-main-navigation-sticky__menu-wrapper">
        <div class="c-main-navigation-sticky__actions">
          <button class="c-main-navigation-sticky__action c-main-navigation-sticky__action--breadcrumb" title="Open menu navigation"><span class="c-main-navigation-sticky__action-label">Menu</span>
            <svg class="c-main-navigation-sticky__action-icon" viewbox="0 0 24 24">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-burger"></use>
            </svg>
          </button>
          <button class="c-main-navigation-sticky__action c-main-navigation-sticky__action--search" title="Open search">
            <!-- v-if-->
            <svg class="c-main-navigation-sticky__action-icon" viewbox="0 0 36 36">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-search"></use>
            </svg>
          </button>
        </div>
      </div>
    </div>
  </header>
  <!-- END SKELETON LOADER-->
</div>
<!-- END VUE MAIN NAVIGATION-->