Preise
Beschreibung:
Der Block Preise zeigt einen Preisvergleich in Form von Karten an. Diese sind immer gleich breit und werden nebeneinander auf einem Dunklen Hintergrund angezeigt. Mobil werden die Karten von links nach rechts untereinander angezeigt. Über den Karten wird mittig zentriert ein Text angezeigt. In den Karten wird ein Titel, ein Preis, ein Text und ein Link angezeigt. Dieser Links wird als Button in schwarz dargestellt.
Einstellungen:
- Die Anzahl der Karten ist einstellbar (1 - 6; Standard: 3)
- Pro Karte kann eingestellt werden, ob diese hervorgehoben werden soll
- Wird eine Karte hervorgehoben, wird der Hintergrund schwarz und der Titel und Link in der Primärfarbe angezeigt
- Es kann dem einleitenden Text optional eine Überschrift vorangestellt werden
- Ist diese aktiviert, kann die Überschriftengröße ausgewählt werden (H2 (Standard), H3, H4)
- Der dunkle Hintergund kann optional mit einem Bild ersetzt werden
- Das eingestellte Bild wird unter einem grauen Overlay angezeigt, sodass der Text noch lesbar ist
Beispiele:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Preise-Block mit Überschrift (H2)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Preise-Block mit Überschrift (H3)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Preise-Block mit Überschrift (H4)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.