Variante mit Zusatzlogos

Der Footer im Benutzerkonto basiert auf der allgemeinen Footer-Komponente des WKO Design Systems und wurde speziell für die Anforderungen des Benutzerkontos erweitert. Die Abwandlung zur allgemeinen Version besteht im Zusatz von Logos, die im Footer integriert werden und spezifisch für das Benutzerkonto relevant sind und einer reduzierten Breite - 2/3 Grid. Diese Ergänzungen bieten eine visuelle Abgrenzung und ermöglichen eine eindeutige Identifikation der Benutzerkonto-Seiten. Neben der Variante mit Hintergrundfarbe steht auch eine Variante mit weißem Hintergrund zur Verfügung, um sich flexibel an das Design der jeweiligen Seite anzupassen.

Die grundlegende Struktur und Funktionalität des Footers, wie im allgemeinen Footer des WKO Design-Systems beschrieben, bleiben erhalten. Damit wird sichergestellt, dass die Benutzer:innen eine konsistente Erfahrung über alle Seiten hinweg haben, während die Benutzerkonto-spezifischen Inhalte durch die erweiterten Elemente klar hervorgehoben werden.

Zusatzlogos:
Abmessung: max. 160 x 160 px pro Logo
Ausrichtung: unten- und rechtsbündig
Anzahl: max. 5
Dateiformat: SVG, PNG

• Offenlegung
• Barrierefreiheit
• Datenschutzerklärung
• Cookie-Einstellungen
• ©

<footer class="footer bg--grey-secondary small">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8 p-3 pe-0 mt-3 border-top text-end">
        <ul class="footer-meta m-0 p-0">
          <li>
            <a href="https://www.wko.at/offenlegung-oesterreich">Offenlegung</a>
          </li>
          <li>
            <a
              href="https://www.wko.at/barrierefreiheitserklaerung-wko-serviceportal"
              >Barrierefreiheit</a
            >
          </li>
          <li>
            <a href="https://www.wko.at/datenschutzerklaerung"
              >Datenschutzerklärung</a
            >
          </li>
          <li><a href="#" id="edit-cookiesettings">Cookie-Einstellungen</a></li>
          <li>
            ©
            <script type="text/javascript">
              document.write(new Date().getFullYear());
            </script>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>