Cards
Das Cards-Element wird für prominente Weiterleitungen eingesetzt.
Es stehen drei Varianten für den Einsatz der Cards zur Verfügung: Default, Image Overlay, Horizontal.
Aus vier Optionen wird ausgewählt, wie die Links gesetzt werden: Button, Link, ganze Card verlinkt oder kein Link.
In einer Reihe können 1bis 12 Cards nebeneinander stehen.
Beispiel: Team Aufstellung, Aufteilung Dienstleistungen
Eine Card kann neben dem Text (RTE) auch ein Bild und/oder einen Link beinhalten. Es ist empfehlenswert, den Lauftext kurz zu halten, damit der Text nicht abgeschnitten wird.
Dieses Content Element ist ein Standard-Element und steht jeder Instanz zur Verfügung.
Zusatz: mit dem Card-Element kann gespielt werden. Diese Zusätze müssen jedoch zusätzlich aufgesetzt werden.
Beispiele: volle Breite - Contentbereich schnmaler - direkt über Footer die volle Breite
Default Card
Card
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Default Cards drei nebeneinander
Mit Button
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Mit Link
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Ganze Card verlinkt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Default Cards fünf nebeneinander und ohne Links
Card 1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Default Cards sechs nebeneinander
Card 1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Card 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....
Image Overlay Card
Image Overlay Cards 3 nebeneinander
Image Overlay Cards 4 nebeneinander (maximal empfehlenswerte Anzahl)
Horizontal Card
Card
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Horizontal Cards 2 nebeneinander (maximal empfehlenswerte Anzahl)
Mit Button
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Mit Link
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....
Horizontal Card mit Hintergrundfarbe
Card
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua....