Teaser mit Bild

1. Teaser mit Hintergrundbild (aka Text on Picture) – H3, H4, H5, diverse Ausrichtungen
2. Image Teaser – Diverse Ausrichtungen zwischen Text und Bild
3. Animated Image Teaser
4. Story Teaser List
5. Image Sequence (im Grid Container)
6. Story-Teaser – diverse Ausprägungen
7. Story-Teaser (small) (im Grid Container)

1. Text on picture

Text on Picture, Headline H3, Ausrichtung links

Text on Picture, Copytext. Lurchi ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Vertikaler Link text, standard Link text, standard 2 Link text, standard 3

Text on Picture, Headline H4, Ausrichtung 1 Spalte eingerückt, Volle Deckkraft

Text on Picture, Copytext. Lurchi ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Horizontaler Link text, standard Link text, standard 2 Link text, standard 3

Text on Picture, Headline H5, Ausrichtung links

Text on Picture, Copytext. Lurchi ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Vertikaler Link Button Link Button 2 Link Button 3, extern

Text on Picture, Headline H5, Ausrichtung links

Text on Picture, Copytext. Lurchi ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Horizontaler Link Button Link Button 2 Link Button 3, extern

2. Image Teaser

Bold-Teaser. Skyline.

Image Teaser 1, Bild links, Text rechts

Linktext Kitchensink, intern

Bold-Teaser. Skyline.

Image Teaser 2, Text links, Bild rechts, Hintergrund gelb

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 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. 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.

wysiwyg, extern

Bold-Teaser, Skyline.

Image Teaser 3, Bild links & erweitert bis Fensterrand, Text rechts

Button, Kitchensink

3. Animated Image Teaser

6. Oktober 2022

Animated Image Teaser - Bild bis Fensterrand

Copy Text. Textfarbe: Dunkelblau. Dieses Element muss speziell programmiert werden. Zudem wird ein "Ressourcen Schlüssel" im Inspector eingefügt, damit das Animierte Image angezeigt wird. Im Inspektor kann auch eine Story ausgewählt werden.

Story

Animated Image Teaser - Bild rechts

Copy Text. Textfarbe: Dunkelgrün. Dieses Element muss speziell programmiert werden. Zudem wird ein "Ressourcen Schlüssel" im Inspector eingefügt, damit das Animierte Image angezeigt wird. Im Inspektor kann auch eine Story ausgewählt werden.

Link ohne Story

4. Story Teaser List

Storys Teaser List, Headline

10. Februar 2020

Story Teaser 1, Headline

Teaser Copytext. At vero eos et accusam et justo duo dolores

Text Link

18. August 2020

Grüne Gase leicht erklärt

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

direkt zur Story

6. Oktober 2022

Story Teaser 3, Headline

Teasertext. At vero eos et accusam et justo duo dolores.

Text Link

5. Image Sequence (immer in Grid Container)

Column 1, Image sequence

Column 2, Rich Text, Headline H4

Rich Text. Copy Text. Copy Text. Copy Text. Copy Text. Copy Text. Copy Text. Copy Text. Copy Text. Copy Text. Copy Text.

Text Link

6. Story-Teaser

26. Februar 2020

Story-Teaser, Bild links, Headline

Story-Teaser, Copy-Text. Pie gummi bears fruitcake chocolate cake caramels. Marshmallow gummies lollipop tootsie roll carrot cake powder jelly beans cookie. Marzipan bear claw tootsie roll toffee danish donut toffee topping pudding.

auf zur Story