Hero-Element
Das Hero-Element ermöglicht es dir, Text und Bild/Video in unterschiedlichen Variationen zu kombinieren. Optional kannst du dem Element bis zu 2 Buttons hinzufügen, um die Aufmerksamkeit des Benutzers gezielt zu steuern.
Folgende Hero-Varianten stehen dir zur Verfügung, die im Element eingestellt werden:
- Hero mit Text links (Standard), zentriert oder rechts
- Hero mit Text vertikal mittig (Standard), oben oder unten
- Hero mit großen Text
- Hero mit dunklem Text
- Hero mit Text in Box
- Hero mit dunklem oder hellem Hintergrund
- Hero-Element mit Video im Hintergrund
- Überschrift als H1-3 oder nur die Größe
- Automatische gerenderte Bildhöhe
- CTA Buttons mit Beschriftung und drei Button-Varianten
Wichtig:
Damit das Bild über die komplette Breite geht, muss der übergeordnete Artikel entweder die Klasse .article--hero haben oder im Layout-Bereich #hero eingefügt werden.
Nachfolgend ein paar Möglichkeiten, wie das Hero-Element aussehen kann:
Hero-Element - Text links (Standard)
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero mit großem Text
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - Text links + Text in Box
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - Text rechts + Text in Box
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - Text rechts + Hintergrund hell 2 + Text dunkel
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - Text rechts + Hintergrund dunkel 2
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - Text rechts + Hintergrund hell 2
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - Text zentriert + heller Hintergrund
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.
Hero-Element - mit Video
Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott sauba glacht kimmt boarischer, heid gfoids ma sagrisch guad unbandig.