Zum Inhalt springen

5 Teaserarten, 1 Container

„gebrauchsfertig“:

  • Cardteaser (verwendet layout-box styles, erhalten im Container und Karussell automatisch gleiche Höhen)
  • Iconteaser (eine Größenbeschränkung des Icons wird je nach Anwendung sinnvoll sein)

ungestyled, da voraussichtlich in jedem Anwendungsfall sehr unterschiedlich: 

  • Bildteaser
  • Textteaser
  • Zählerteaser

Der Container:

  • einstellbare maximale Spaltenanzahl
  • einstellbare minimale Breite eines Elements => funktioniert ohne/unabhängig von Media Queries

Teasercontainer (max 3 Spalten)

Ein Teaser (c)

Lorem ipsum …

Andere Container
Klick mich

Nice ...

Karussell

Teasercontainer (max 4 Spalten)

Ein Teaser (Kopie 5)

Teaser mit visuell versteckter Überschrift…

Andere Container
noch20000weitere Tolle Teaser

Ohne CTA und mit versteckter (und verlinkter) Überschrift

⇒ kein sichtbarer klickbarer Link!

Teasercontainer (max 3 Spalten)

Ein Teaser (c)

Lorem ipsum …

Andere Container
Klick mich

Nice ...

Teasercontainer (max 3 Spalten)

Ein Teaser (c)

Lorem ipsum …

Andere Container
Klick mich

Nice ...