Das Card-Element dient als anklickbarer Einstiegspunkt zu ausführlicheren Informationen. Die Card enthält in der Regel verschiedene Elemente wie Bild, Überschrift und Teaser.

Cards können in "Card Groups" zusammengestellt werden. "Card Groups" können zu dem optional um eine Slidingfunktion versehen werden, wenn z.B. mehr als vier Cards präsentiert werden sollen. Diese "Card Groups"-Variante bezeichnet man als "Carousel Card Groups". Der Slideeffekt kann dann wie bei einem echte Carousel-Slider manuell über Navigationselemente nach links und rechts aktiviert werden. 

Card Groups

Card Groups stehen grundsätzlich in drei Varianten zur Verfügung: In zwei, drei oder vierspaltiger Ausführung. 

Card Group dreispaltig

Erstellt aus dem Typo3-Content-Element "3-Column-Container" und drei Box-Elementen.

Visitor centrum

Tuam defende naturam

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Nationalis parcum

Tuam defende naturam

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Mundi hereditatem

Tuam defende naturam

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Card Group vierspaltig

Erstellt aus dem Typo3-Content-Element "4-Column-Container" und vier Box-Elementen.

Lorem ipsum

naturalis subsidiis

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum

naturalis subsidiis

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum

naturalis subsidiis

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum

naturalis subsidiis

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 Group zweispaltig

Erstellt aus dem Typo3-Content-Element "2-Column-Container" und zwei Box-Elementen.

Visitor centrum

Lorem ipsum dolor sit amet

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Nationalis parcum

Silvam in mari feram

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Carousel Cards

Carousel Cards stehen in zwei Varianten zur Verfügung.

Carousel Cards dreispaltig

Umschaltverhalten Carousel: 2 - 1

Carousel Cards vierspaltig

Umschaltverhalten Carousel: 4 - 2 - 1

News Carousel Cards

News Carousel Cards stehen in zwei Varianten zur Verfügung.

News Carousel Card Group vierspaltig

Umschaltverhalten: 4 - 2 - 1

News Carousel Card Group dreispaltig

Umschaltverhalten: 3 - 2 - 1