Features 1

Beschreibung:

Der Block Features 1 zeigt Icons und dazugehörige Texte links (66% Breite) und eine Karte mit Bild, Text darunter und einem Button in Primärfarbe rechts (33% Breite) an. Die Icons werden mit einem Farbverlauf basierend auf der eingestellten Aktzentfarbe (oder auf dunklen Hintergründen in weiß) angezeigt. Mobil wird die Karte unter den Icons angezeigt.

Einstellungen:

  1. Es kann die Anzahl der links angezeigten Icons ausgewählt werden (1 - 9; Standard: 5)
  2. Die Icons können aus der Font-Awesome 5 Bibliothek ausgewählt werden
  3. Es kann optional die Verlinkung ausgeblendet werden
    • Ist diese nicht ausgeblendet, wird sie als Button in Primärfarbe angezeigt
  4. Es kann optional eine Überschrift angezeigt werden
    • Ist diese aktiviert, kann die Überschriftengröße ausgewählt werden (H2 (Standard), H3, H4)
    • Ist diese aktiviert, kann die Ausrichtung der Überschrift eingestellt werden (links (Standard), zentriert oder rechts)
  5. Das Bild kann optional ohne Abrundung dargestellt werden
  6. Das Bild kann optional ohne Schatten dargestellt werden
  7. Der Hintergrund kann eingestellt werden (Standard (kein Hintergrund), Dunkel, Wellen, Waben)

Beispiele:

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 7

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 8

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 9

Lorem ipsum dolor sit

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Lorem Ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

"Features 1"-Block mit Überschrift (H2)

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

"Features 1"-Block mit Überschrift (H3)

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

"Features 1"-Block mit Überschrift (H4)

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Dunkler Hintergrund:

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Wellen-Hintergrund:

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Waben-Hintergrund:

Lorem Ipsum 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem Ipsum 2

Lorem ipsum dolor sit

Lorem Ipsum 3

Lorem ipsum dolor sit amet, consetetur

Lorem Ipsum 4

Lorem ipsum dolor sit

Lorem Ipsum 5

Lorem ipsum dolor sit amet, consetetur

Lorem Ispsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor