Microsite Banner

HTML

<!-- microsite banner -->
    <section
      class="page-banner microsite has-bg-color"
      style="
        background-image: url(./fileadmin/admin/Dateikatalog/Banner/microsite.svg);
      "
    >
      <div class="page-banner--inner">
        <div>
          <!-- microsite breadcrumb -->
          <nav
            class="gs_rootline d-lg-flex align-items-center"
            aria-labelledby="gs_rootline_label"
          >
            <ol class="list-group list-group-horizontal flex-wrap">
              <li
                aria-current="page"
                class="gs_dropdown_toggle"
                tabindex="0"
                aria-expanded="false"
              >
                ALLBUS
              </li>
            </ol>
          </nav>

          <!-- microsite site title -->
          <span class="h1">
            <a href="#link" data-auto-event-observed="true">
              Die Allgemeine Bevölkerungsumfrage der Sozialwissenschaften
            </a>
          </span>
        </div>

        <!-- microsite Angbeot logo -->
        <figure class="microsite-logo">
          <img
            src="./fileadmin/admin/Dateikatalog/logos/allbus_logo.svg"
            width="180"
            height="180"
            alt=""
          />
        </figure>
      </div>
    </section>