Auf dieser Seite werden alle aktuell bestehenden Komponenten mit allen Ausprägungen aufgeführt.

Contact

Download List

___________

Reference Components
Dienen zur Darstellung von vorhandenem, indexiertem Content - ob hierfür eine Preview angezeigt werden kann, ist abhängig vom vorhandenen Content der Webseite; ggf. ist hier kein Inhalt zu sehen, wenn kein passender Content vorhanden ist.

Content Teaser Articles

Content Teaser Companies

Content Teaser Press Relaeses

Content Teaser Sessions

Timetable

Accordion

in einem Akkordeonpunkt können nur folgende Komponenten platziert werden:
- Text
- TextImage
- Contact
bis zu 30 Akkordeonpunkte pro Akkordeon darstellbar
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Das ist eine Headline für das Akkordeon (optional)

Das ist eine Text-Komponente in einem Akkordeonpunkt. Hier stehen alle Formatierungen für normale Text-Komponenten zur Verfügung.

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.

Das ist ein externer Link als CTA

Das ist eine TextImage-Komponente in einem Akkordeonpunkt. Hier kann beliebig Text mit Formatierungen und Linksgepflegt werden.

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.

Das ist ein externer Link als CTA

Contact

Folgende Varianten:

mit Info-Text
ohne Info-Text

Highlighting über "dark background" (Styling) möglich

Darstellung von 1-6 Kontakten. Diese verteilen sich dynamisch je nach Anzahl der Kontakte und je nach Viewport.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Darstellung bei 1 Kontakt (Variante mit Info-Text)

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Darstellung bei 2 Kontakten (Variante ohne Info-Text)

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Darstellung bei 3 Kontakten (Variante mit Info-Text)

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine Telefonnummer angegeben.

E-Mail senden

Darstellung bei 4 Kontakten (Variante ohne Info-Text)

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine Telefonnummer angegeben.

E-Mail senden

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine E-Mail angegeben.

+49 9 11 86 06 0

Darstellung bei 5 Kontakten (Variante mit Info-Text)

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine Telefonnummer angegeben.

E-Mail senden

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine E-Mail angegeben.

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine E-Mail und keine Telefonnummer angegeben.

Darstellung bei 6 Kontakten (Variante ohne Info-Text)

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

E-Mail senden

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine Telefonnummer angegeben.

E-Mail senden

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine E-Mail angegeben.

+49 9 11 86 06 0

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine E-Mail und keine Telefonnummer angegeben.

Vorname Nachname

Funktion

Das ist Infotext zum Kontakt. Beim Kontakt ist keine E-Mail und keine Telefonnummer angegeben.

Download List

Folgende Varianten:

einspaltig (one column)
zweispaltig (two columns)
Preview (mit Vorschaubild)

Highlighting über "dark background" (Styling) möglich.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Das ist die Variante "einspaltig" (one column)

Das ist die Variante "zweispaltig" (two columns)

Das ist die Variante "Preview"

download_for_offline

Expoblue | Showcase-Datei (PDF)

Downloaddownload_for_offline

download_for_offline

Expoblue | Showcase TextImage - Title für TextImage Komponente (JPG)

Downloaddownload_for_offline

download_for_offline

Expoblue | Showcase Testimonial - Titel für Download Link Komponente (JPG)

Downloaddownload_for_offline

Dynamic Link

Varianten:

Default (Light)
Flashy (coloured background - Default image der jeweiligen Site)

Es können max. 10 interne und/oder externe Links vergeben werden → mehr Begriffe kann ein User nicht mehr verarbeiten.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Das ist die Variante "Default"

Link 1 (externer Link)Link 2 (externer Link)Link 3 mit längerem Text (externer Link)

Das ist die Variante "Flashy"

Link 1 (externer Link)Link 2 (externer Link)Link 3 mit längerem Text (externer Link)

Dynamic Teaser

Folgende Varianten:

Text
Icon
ImageVideo

Es sind 1-6 Teaser auswählbar. Diese verteilen sich dynamisch je nach Anzahl der Teaser und je nach Viewport.

Highlighting über "dark background" (Styling) möglich.

Beschreibungstext kann über "No Info Text" (Styling) ausgeblendet werden.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Einzelne Teaser bestehen aus:

Headline
Beschreibungstext (optional)
CTA (optional)
Icon (Pflicht bei Variante Icon; Auswahl über Google Material Icons)
Bild (Pflicht bei Variante ImageVideo)
Video-Provider & -ID (nur relevant bei Variante ImageVideo)

Darstellung der Variante "Text"

Darstellung bei 1 Teaser

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Darstellung bei 2 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Darstellung bei 3 Teasern mit dark background

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Darstellung bei 4 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Darstellung bei 5 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Das ist ein Teaser ohne Beschreibungstext und Link

Darstellung bei 6 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Das ist ein Teaser ohne Beschreibungstext und Link

Das ist ein Teaser mit Video

Als Provider kann YouTube oder Vimeo ausgewählt werden. Das Video wird über die ID referenziert. Das Video kann bei bei der Variante "ImageVideo" direkt auf der Webseite abgespielt werden, bei den Varianten "Text" und "Icon" geht dies nicht.

Das ist der Link zum Video

Darstellung der Variante "Icon"

Darstellung bei 1 Teaser

lightbulb

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Darstellung bei 2 Teasern

lightbulb

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

lightbulb

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Darstellung bei 3 Teasern mit dark background

lightbulb

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

lightbulb

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

lightbulb

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Darstellung bei 4 Teasern

lightbulb

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

lightbulb

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

lightbulb

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

lightbulb

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Darstellung bei 5 Teasern

lightbulb

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

lightbulb

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

lightbulb

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

lightbulb

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

lightbulb

Das ist ein Teaser ohne Beschreibungstext und Link

Darstellung bei 6 Teasern

lightbulb

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

lightbulb

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

lightbulb

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

lightbulb

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

lightbulb

Das ist ein Teaser ohne Beschreibungstext und Link

lightbulb

Das ist ein Teaser mit Video

Als Provider kann YouTube oder Vimeo ausgewählt werden. Das Video wird über die ID referenziert. Das Video kann bei bei der Variante "ImageVideo" direkt auf der Webseite abgespielt werden, bei den Varianten "Text" und "Icon" geht dies nicht.

Das ist der Link zum Video

Darstellung der Variante "ImageVideo"

Darstellung bei 1 Teaser

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Darstellung bei 2 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Darstellung bei 3 Teasern mit dark background

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Darstellung bei 4 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Darstellung bei 5 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Das ist ein Teaser ohne Beschreibungstext und Link

Darstellung bei 6 Teasern

Das ist eine Headline

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA (optional)

Das ist ein Teaser ohne CTA

Das ist ein optionaler Beschreibungstext, der über das Styling "No Info Text" ausgeblendet werden kann: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist eine Headline

Die Komponente passt sich dynamisch an die Textmenge an. 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 dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Das ist ein externer CTA

Das ist eine Teaser ohne Beschreibungstext

Das ist ein externer CTA

Das ist ein Teaser ohne Beschreibungstext und Link

Das ist ein Teaser mit Video

Als Provider kann YouTube oder Vimeo ausgewählt werden. Das Video wird über die ID referenziert. Das Video kann bei bei der Variante "ImageVideo" direkt auf der Webseite abgespielt werden, bei den Varianten "Text" und "Icon" geht dies nicht.

Das ist der Link zum Video

Facts & Figures

Es können 1-6 Facts dargestellt werden; die Anordnung und Größe der Komponente passt sich dynamisch an den Content und den jeweiligen Viewport an.

Auswahl der Icons über Google Material Icons.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Das ist eine Headline für die gesamte Fact & Figures Komponente (optional)

Fact 1

Das ist ein Beschreibungstext.

Das ist ein optionaler Link

Fact 2

Das ist ein Beschreibungstext.

Das ist ein optionaler Link

Fact 3

Das ist ein laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanger Beschriebungstext.

Das ist ein optionaler Link

Das ist eine Headline für die gesamte Fact & Figures Komponente (optional) - Variante "Dark background"

Fact 1

Das ist ein Beschreibungstext.

Das ist ein optionaler Link

Fact 2

Das ist ein Beschreibungstext.

Das ist ein optionaler Link

Fact 3

Das ist ein laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanger Beschriebungstext.

Das ist ein optionaler Link

Image Slider

optional:
- mit Überschrift
- mit Bildunterschrift (Styling "Show Image Description")
Empfehlung: max. 10 Bilder
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Image Slider mit Überschrift ohne Bildunterschrift

12

Image Slider ohne Überschrift, mit Bildunterschrift

12

Logo Slider

Darstellung von Logos / Unternehmen inkl. Link (Empfehlung: max. 14)

Auswahloptionen:

angemeldete Aussteller (mit Profil) über NovaDB / SelfService
nicht-angemeldete Unternehmen (separat angelegt als Companies No-Exhibitors / Partner)

Bis ca. 8 Logos / Unternehmen ist die Darstellung statisch (abhängig vom Viewport ggf. auch bei weinger Logos), bei mehr als 8 ist die Darstellung dynamisch als Slider durchlaufend.

Die Logos / Unternehmen können mit ihrem Unternehmensnamen angezeigt werden oder ohne (Styling "Show company name").

Die Logos / Unternehmen können in zufälliger Reihenfolge angezeigt werden ("Display Companies Randomly").

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Optionale Überschrift, statisch, Variante mit Unternehmensname

Optionale Überschrift, dynamisch, Variante ohne Unternehmensname

Prices

1-4 Preise können dargestellt werden

Es kann über die Preiskomponenten hinweg eine übergreifende Headline gepflegt werden.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Headline (der jeweiligen Preisoption) und Preis sind Pflichtangaben.

optional:

Flag
Amount info text
Subline (über KeyFacts)
KeyFacts (als Aufzählung mit Bulletpoints)
CTA
Fußnoten

Stage

Es können bis zu 2 CTAs gepflegt werden.

Es können bis zu 3 Ankerlinks gesetzt werden (Links zu Abschnitten auf derselben Seite).

Headline immer als H1 verwenden!

Stage mobile Bereichsstartseite Expoblue

Das ist eine Headline h1

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.

Das ist ein zweiter CTA zu einer externen Seite

Das ist ein Ankerlink 1 Das ist ein Ankerlink 2 Das ist ein Ankerlink 2

Testimonial

Varianten:

Text links / Bild rechts
Text rechts / Bild links
Text only

"Das ist die Variante Image right. Hier steht das Zitat. 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."

Vorname Nachname, Funktion, Unternehmen

"Das ist die Variante Image left. Hier steht das Zitat. 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."

Vorname Nachname, Funktion, Unternehmen

"Das ist die Variante Text only. Hier steht das Zitat. 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."

Vorname Nachname, Funktion, Unternehmen

Text

Varianten:

Text centered
Text left (Default)

Highlighting über "dark background" (Styling) möglich.

Es können bis zu 2 CTAs gepflegt werden.

Variante Text centered, mit CTA-Button, ohne Highlighting (Dark background)

Das ist eine Headline H1

Das ist eine Headline H2

Das ist eine Headline H3

Das ist eine Headline H4

Das ist eine Headline H5

Das ist ganz normaler Text.

Das ist normaler Text in fett.

Das ist normaler Text in kursiv.

Hier sind normale Links möglich: Ankerlinks, externe Links, interne Links, Media Links (PDFs)

Das ist eine Aufzählung mit Bulletpoints:

Punkt 1
Punkt 2
Punkt 3

Das ist eine nummerierte Aufzählung:

Nummerierter Punkt 1
Nummerierter Punkt 2
Nummerierter Punkt 3

Das ist ein CTA (optional)Das ist ein zweiter CTA zu einer externen Seite

Variante Text centered, ohne CTA-Button, mit Highlighting (Dark background)

Das ist eine Headline

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.

Variante Text left, ohne CTA-Button, ohne Highlighting (Dark background)

Das ist eine Headline

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.

Variante Text left, mit 2 CTA-Buttons, mit Highlighting (Dark background)

Das ist eine Headline

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.

TextImage / Image

Varianten:

Text rechts / Bild links (Image left)
Text links / Bild rechts (Image right)
Text mittig / Bild groß mittig (Image centered)*
Text mittig / Bild klein mittig (kleineres Bild über 8 Spalten) (Image centered small)*

*Diese Varianten können auch ohne Text als reine Image-Komponente verwendet werden. Dazu das Textfeld einfach leer lassen.

Highlighting über "dark background" (Styling) möglich.

Image left, kein CTA-Button, kein Highlighting

Headline h2

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.

Image right, mit CTA-Button, mit Highlighting

Das ist eine Headline h2

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.

Das ist ein CTA

Image centered, mit CTA-Button, ohne Highlighting

Das ist eine Headline h2

Wenn hier keinerlei Text gepflegt wird, dann kann diese Variante für die Darstellung als reine Bild-Komponente genutzt werden.

Das ist ein CTA

Image centered small, ohne CTA-Button, mit Highlighting

Das ist eine Headline h2

Wenn hier keinerlei Text gepflegt wird, dann kann diese Variante für die Darstellung als reine Bild-Komponente genutzt werden.

Text-Video

Varianten:

Video links / Text rechts (Video left)
Video rechts / Text links (Video right)
Video mittig groß (über 12 Spalten) (Video centered)
Video mittig (kleineres Video über 8 Spalten) (Video centered small)*

*Diese Varianten können auch ohne Text als reine Image-Komponente verwendet werden. Dazu das Textfeld einfach leer lassen.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Das ist eine optionale Video-Unterschrift

Das ist eine optionale Headline

Video left, mit CTA

Das ist Beschreibungstext für das Video.

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.

Das ist ein externer Link als CTA (optional)

Das ist eine optionale Headline

Video right, ohne CTA

Das ist Beschreibungstext für das Video.

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.

Das ist eine optionale Headline

Video centered, ohne CTA

Das ist Beschreibungstext für das Video.

Wenn hier kein Text gepflegt wird und auch kein CTA, kann diese Darstellung als reine Video-Komponente genutzt werden.

Das ist eine optionale Headline

Video centered small, mit CTA

Das ist Beschreibungstext für das Video.

Wenn hier kein Text gepflegt wird und auch kein CTA, kann diese Darstellung als reine Video-Komponente genutzt werden.

Das ist ein externer Link

____________________

Content Teaser Articles

Varianten

Default (einzeilige Darstellung als Slider) - max. 6 Artikel werden angezeigt
Extended (mehrzeilige, zweispaltige Darstellung in einem definierten Layout) - max. 10 Artikel werden dargestellt

Ein Link zur Artikelübersichtsseite mit allen Artikeln kann angezeigt werden ("Show Link to Search Page").

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen nicht ausreichend Artikel für diese Site zur Verfügung, die hier angezeigt werden könnten.

Content Teaser Companies

Darstellung von max. 6 Unternehmen (angemeldete Aussteller mit Daten über NovaDB / SelfService) als Slider (3 nebeneinander)

CTA "Zur Suche" führt zur Ausstellerübersicht.

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen keine Ausstellerdaten aus der NovaDB zur Verfügung, die hier angezeigt werden könnten.

Content Teaser Press Releases

max. 6 Artikel werden als Slider angezeigt (3 nebeneinander)

Ein Link zur Presseinformationsübersichtsseite mit allen Presseinformationen kann angezeigt werden ("Show Link to Search Page").

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen nicht ausreichend Presseinformationen für diese Site zur Verfügung, die hier angezeigt werden könnten.

Content Teaser Sessions

max. 6 Sessions werden als Slider angezeigt (3 nebeneinander)

Ein Link zur Sessionübersichtsseite mit allen Sessions kann angezeigt werden ("Show Link to Search Page").

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen nicht ausreichend Sessions für diese Site zur Verfügung, die hier angezeigt werden könnten.

Timetable

Varianten

Gried view (mehrspaltige Darstellung - maximal 4 Spalten - der Sessions mehrerer Streams) - Default
List view (einspaltige Darstellung der Sessions) ("List view" )

Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Diese Komponente nimmt sehr viel Platz in Anspruch und ist hier bewusst nicht eingebunden. Eine Preview steht im Handbuch zur Verfügung.

Loading component...

Accordion

Das ist eine Headline für das Akkordeon (optional)

Loading component...

Contact

Darstellung bei 1 Kontakt (Variante mit Info-Text)

Loading component...

Darstellung bei 2 Kontakten (Variante ohne Info-Text)

Loading component...

Darstellung bei 3 Kontakten (Variante mit Info-Text)

Loading component...

Darstellung bei 4 Kontakten (Variante ohne Info-Text)

Loading component...

Darstellung bei 5 Kontakten (Variante mit Info-Text)

Loading component...

Darstellung bei 6 Kontakten (Variante ohne Info-Text)

Loading component...

Download List

Loading component...

Das ist die Variante "einspaltig" (one column)

Loading component...

Das ist die Variante "zweispaltig" (two columns)

Loading component...

Das ist die Variante "Preview"

Loading component...

Dynamic Link

Loading component...

Das ist die Variante "Default"

Loading component...

Das ist die Variante "Flashy"

Loading component...

Dynamic Teaser

Loading component...

Darstellung der Variante "Text"

Darstellung bei 1 Teaser

Loading component...

Darstellung bei 2 Teasern

Loading component...

Darstellung bei 3 Teasern mit dark background

Loading component...

Darstellung bei 4 Teasern

Loading component...

Darstellung bei 5 Teasern

Loading component...

Darstellung bei 6 Teasern

Loading component...

Darstellung der Variante "Icon"

Darstellung bei 1 Teaser

Loading component...

Darstellung bei 2 Teasern

Loading component...

Darstellung bei 3 Teasern mit dark background

Loading component...

Darstellung bei 4 Teasern

Loading component...

Darstellung bei 5 Teasern

Loading component...

Darstellung bei 6 Teasern

Loading component...

Darstellung der Variante "ImageVideo"

Darstellung bei 1 Teaser

Loading component...

Darstellung bei 2 Teasern

Loading component...

Darstellung bei 3 Teasern mit dark background

Loading component...

Darstellung bei 4 Teasern

Loading component...

Darstellung bei 5 Teasern

Loading component...

Darstellung bei 6 Teasern

Loading component...

Facts & Figures

Loading component...

Das ist eine Headline für die gesamte Fact & Figures Komponente (optional)

Loading component...

Das ist eine Headline für die gesamte Fact & Figures Komponente (optional) - Variante "Dark background"

Loading component...

Image Slider

Loading component...