Footer footer

Der standard Footer enthält Listen mit einer Headline footer__heading und footer__links. Die Listen können über eine beliebige Spaltenaufteilung je nach Bedarf angeordnet werden. Die Einstellung der Spaltenanzahl kann über das Row Element vorgenommen werden.

Footer mit Highlight-Teaser footer-teaser

Im Footer kann zusätzlich ein Highlight-Teaser untergebracht werden. Der einzelne, leicht versetzte Teaser im Footer kann je nach Anforderung unterschiedlich genutzt werden. Z. B. als Kontakt-/Servicemodul oder für den neuesten Tweet bei Twitter.

Für den vertikalen Abstand zum vorhergehenden Content benötigt die footer section zusätzlich noch eine modifier Klasse footer--teaser

Sticky Footer  footer-sticky

Der sticky Footer kann auf jeder Seite eingefügt werden. Das Element sticky-footer muss auf der Seite an einer beliebigen Stelle eingefügt werden. Für den Trigger muss die Interaction sticky-footer ausgewählt werden. Um den Footer gleich beim ersten Laden der Seite anzuzeigen, muss beim Element sticky-footer einfach die interaction von footer-sticky - hide auf none gesetzt werden.

Bereich der den Sticky Footer triggered
Baukasten-Menü
(auf und zu)

Footer Social footer-social

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.