HTML-Prototype von in2code

<div class="sticky-container">
  <header class="page__header">
    <div class="container">
      <div class="header header__icons">
        <div class="header__left"><a href="#">TUM Campus Heilbronn</a><a class="hide-mobile" href="https://ww.tum.de">Technische Universität München</a></div>
        <div class="header__right"><a href="https://www.tum.de">
            <svg xmlns="http://www.w3.org/2000/svg" width="78" height="38" viewbox="0 0 73 38">
              <path fill="currentColor" d="M28 0v31h8V0h37v38h-7V7h-8v31h-7V7h-8v31H21V7h-7v31H7V7H0V0h28z"></path>
            </svg><span class="u-visually-hidden">Technische Universität München</span></a></div>
      </div>
      <div class="header">
        <div class="header__left">
          <nav class="c-main-menu" id="c-main-menu" aria-label="Hauptnavigation">
            <div class="c-main-menu__list-wrapper">
              <ul class="c-main-menu__list" data-level="1">
                <li class="c-main-menu__item c-main-menu__item--has-submenu">
                  <button class="btn c-main-menu__link" type="button" data-level="1"><span>1 Subpage</span>
                    <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
                    </svg>
                  </button>
                  <div class="c-main-menu__container">
                    <ul class="container c-main-menu__list" data-level="2">
                      <li class="c-main-menu__item c-main-menu__item--back">
                        <button class="btn c-main-menu__link c-main-menu__link--back" type="button" data-level="1">
                          <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                          </svg><span>1 Subpage</span>
                        </button>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-1 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-2 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-3 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-4 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-5 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-6 Subpage</a>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="c-main-menu__item c-main-menu__item--has-submenu">
                  <button class="btn c-main-menu__link c-main-menu__link--active" type="button" data-level="1"><span>2 Subpage</span>
                    <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
                    </svg>
                  </button>
                  <div class="c-main-menu__container">
                    <ul class="container c-main-menu__list" data-level="2">
                      <li class="c-main-menu__item c-main-menu__item--back">
                        <button class="btn c-main-menu__link c-main-menu__link--back c-main-menu__link--active" type="button" data-level="1">
                          <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                          </svg><span>2 Subpage</span>
                        </button>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-1 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link c-main-menu__link--active" data-level="2" href="#">2-2 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-3 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-4 Subpage</a>
                      </li>
                      <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-5 Subpage</a>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="1" href="#">3 Subpage</a>
                </li>
                <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="1" href="#">4 Subpage</a>
                </li>
              </ul>
              <nav class="c-language-menu" aria-label="Language"><a class="c-language-menu__link c-language-menu__link--active" href="#" aria-current="page">EN</a><a class="c-language-menu__link" href="#">DE</a>
              </nav>
            </div>
          </nav>
        </div>
        <div class="header__right">
          <button class="btn btn--menu" aria-controls="c-main-menu" aria-expanded="false" type="button">
            <svg class="menu-open active" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-burger"></use>
            </svg>
            <svg class="menu-close" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
            </svg><span class="u-visually-hidden">Menu</span>
          </button>
          <nav class="c-language-menu" aria-label="Language"><a class="c-language-menu__link c-language-menu__link--active" href="#" aria-current="page">EN</a><a class="c-language-menu__link" href="#">DE</a>
          </nav>
        </div>
      </div>
    </div>
  </header>
</div>