Einzelne Cards und Hero Cards

Die horizontale Card ist eine alleinstehende Card, mit Titel, Text und einem Bild. Die Card kann optional farblich invertiert und das Bild links oder rechts positioniert werden.

In Grundeinstellung wird eine Card mit Rand nach links und rechts formatiert. Über die Option „volle Breite“ wird die Card beginnend am linken Browserrand bis hin zum rechten Browserrand, also die volle Browserbreite, gestreckt.

Die Optionen „Invertiert“ und „volle Breite“ können miteinander kombiniert werden. Zusätzlich kann mit der Checkbox „Arrow“ direkt am Bild ein Dreieck als optisches Element automatisch eingefügt werden.

Herocards sind ebenfalls alleinstehende Elemente, stehen in drei Ausführungen zur Verfügung und erstrecken sich immer über die volle Browserbreite.

Das Bild der Herocard wird als Hintergrundbild über die komplette Breite der Card gelegt. Der Titel und der Text wird direkt auf das Hintergrundbild positioniert, und zwar wahlweise links, mittig oder rechts.