Teaserboxen

Vordefinierte Sections mit zwei- und dreispaltigen Teaser-Layouts

Teaserboxen | Variante 1

Einfaches dreispaltiges Layout mit Teasern ohne Bild.

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Click Here

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Click Here

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Click Here

Teaserboxen | Variante 2

Einfaches dreispaltiges Layout linksbündigen Textteasern ohne Bild.
Hier wurde per Modul und Spaltensettings Trenner eingebunden.

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Teaserboxen | Variante 2 (komplett boxed)

Einfaches dreispaltiges Layout mit Teasern ohne Bild.

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Teaserboxen | Variante 2 (2 Spalten)

Einfaches zweispaltiges Layout linksbündigen Textteasern ohne Bild.
Hier wurde per Modul und Spaltensettings Trenner eingebunden.

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante sind Titel und Beschreibung zentriert sowie die Verlinkung mittels CTA realisiert. Dies ist die einfachste Form einer "Teaserbox"

Mehr erfahren

Teaserboxen | Variante 3

Einfaches dreispaltiges Layout mit Teasern ohne Bild.

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Teaserboxen | Variante 3 (2 Spalten)

Einfaches zweispaltiges Layout mit Teasern ohne Bild.

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Teaserboxen | Variante 3 (mit Trennern)

Einfaches dreispaltiges Layout linksbündigen Textteasern mit Icon.
Hier wurde per Modul und Spaltensettings Trenner eingebunden.

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Teaserboxen | Variante 3 (2 Spalten)

Einfaches zweispaltiges Layout linksbündigen Textteasern mit Icon.
Hier wurde per Modul und Spaltensettings Trenner eingebunden.

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Teaserboxen | Variante 4

Einfaches dreispaltiges Layout mit zentrierten Teasern mit Icon und Button.

Ich bin der h3 Titel der Box

Natürlich kann diese Variante wie alle anderen auch zentriert gesetzt werden. Zudem lässt sich auch hier der Link in Form eines CTAs statt Links umsetzen. DIese Option haben ebenfalls alle Varianten.

Mehr erfahren

Ich bin der h3 Titel der Box

Mehr erfahren

Ich bin der h3 Titel der Box

Mehr erfahren

Teaserboxen | Variante 5

Einfaches dreispaltiges Layout mit zentrierten Teasern mit rundem Icon und Text-Link.

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Ich bin der h3 Titel der Box

Bei dieser Variante wird die Box durch ein Icon über Titel und Beschreibung ergänzt. Die Verlinkung ist hier mittels einfachem Textlink unterhalb der Beschreibung realisiert.

Mehr erfahren

Teaserboxen | Variante 6

Einfaches dreispaltiges Layout mit linksbündigen Teasern mit Bild und Button

Ich bin der h3 Titel der Box

Dies ist eine Standard Textbox. Die Verlinkung der ganzen Box wurde per CSS realisiert, ebenso das Content-Padding.

Ich bin der h3 Titel der Box

Dies ist eine Standard Textbox. Die Verlinkung der ganzen Box wurde per CSS realisiert, ebenso das Content-Padding.

Ich bin der h3 Titel der Box

Dies ist eine Standard Textbox. Die Verlinkung der ganzen Box wurde per CSS realisiert, ebenso das Content-Padding.

Ich bin der h3 Titel der Box

Dies ist eine Standard Textbox. Die Verlinkung der ganzen Box wurde per CSS realisiert, ebenso das Content-Padding.

Ich bin der h3 Titel der Box

Dies ist eine Standard Textbox. Die Verlinkung der ganzen Box wurde per CSS realisiert, ebenso das Content-Padding.

Ich bin der h3 Titel der Box

Dies ist eine Standard Textbox. Die Verlinkung der ganzen Box wurde per CSS realisiert, ebenso das Content-Padding.

Teaserboxen | Variante 7 (In Arbeit)

Großformatige Bildkacheln mit Text/CTA und Overlay on Hover

Teaser Text 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Teaser Text 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt.

Teaser Text 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Teaser Text 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Hinweise für Entwickler:

.arc-teaserbox-section | Allg. Klasse für alle Variationen dieser Section.

.arc-teaserbox-section--var-{n} | {n} wird hier jeweils durch die Nummer der Variante ersetzt.

.arc-teaserbox-section-separator | Modifier for sections that are separated by a border (via Settings)

.arc-teaserbox-section-separator-cross | Modifier for sections that are separated by borders in style of a cross (via Settings). Caused by the 2-column layout

.arc-teaserbox-section-boxed | Modifier for sections that are bordered (via Settings)

Hinweis: