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

Stage

Blueprint Stage Bereichsstartseite 1150 Pixel x 753 Pixel

Das ist eine Headline

Headline Only

Folgende Varianten:
  • H1
  • H2
  • H3
  • H4
  • H5
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

Text Only

Folgende Varianten:
  • Text left
  • Text centered
Highlighting über "colored background" möglich.
centered, ohne CTA-Button, ohne Highlighting

Das ist eine Headline

Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
  • Das ist eine Aufzählung
  • mit einzelnen Punkten
  • und Sätzen

Hier sind normale Linksmöglich - Ankerlinks, externe Links, etc.

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.

left, mit CTA, mit Highlighting

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. 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.
Ein CTA-Button möglich

Text Image

Varianten:
  • Text links / Bild rechts
  • Text rechts / Bild links
  • Text mittig / Bild mittig
Highlighting über "colored background" möglich.
Blueprint TextImage 1588 Pixel x 1268 Pixel
Variante Image right, kein CTA-Button, kein Highlighting

Das ist eine laaaaaaaaaaaaaaange 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. 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.

Blueprint TextImage 1588 Pixel x 1268 Pixel
Hier ist eine Bildunterschrift möglich.
Variante Image left, mit CTA-Button, Highlighting

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. 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.  

Das ist eine Sub-Headline

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.
Ein CTA-Button möglich
Blueprint TextImage 1588 Pixel x 1268 Pixel
Das ist eine Bildunterschrift, die zum obigen Bild gehört. Hier kann ein freier Text gewählt werden.
Variante centered, kein CTA-Button, kein Highlighting

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. 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.

Image

Varianten: 
  • Bild über 12 Spalten (füllt die Seite aus)
  • Bild über 10 Spalten (zentriert)

Image Slider

Das ist eine optionale Headline des Image Sliders

10

Logo Slider

Varianten

  • Logo Slider ohne Unternehmensnamen
  • Logo Slider mit Namen des Unternehmens
  • Logo Slider mit Logos in zufälliger Reihenfolge

Download List

Varianten
  • Default → Alle Downloads untereinander und
  • Two Columns → Die Downloads in einer zweispaltigen Liste.
  • Preview → Die Downloads mit einem Previewbild und einem CTA-Button "Herunterladen".

Das ist eine optionale Headline

download_for_offlineBeispiellogo 1

Logo ExpoBlue (PNG-Datei, 16,61 KB)

Downloaddownload_for_offline
download_for_offlineBeispiellogo 2

Logo ExpoBlue (JPG-Datei, 89 KB)

Downloaddownload_for_offline
download_for_offline

Chillventa Veranstaltungsanalyse 2018

Downloaddownload_for_offline

External Video

Varianten:
  • Video groß (über 12 Spalten)
  • Video mittig mit optionalem Text (kleineres Video über 8 Spalten)
  • Video rechts / Text links
  • Video links / Text rechts

Highlighting über "colored background" möglich.

Optionale Headline

Das ist eine Headline

Variante Video small - Text left, mit CTA, mit Highlighting

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.

  • sed diam voluptua
  • a kasd gubergren
  • amet, consetetur
Hier ist ein CTA möglich

Das ist eine Headline

Variante Video small - Text right, kein CTA-Button, kein Highlighting

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.

Das ist eine Headline

Variante Video centered - Text centered underneath, mit CTA Button, kein Highlighting

 

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.

CTA-Button möglich

Akkordeon

Testimonial

Varianten:
  • Text links / Bild rechts
  • Text rechts / Bild links
  • Text only
"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, Director Sales, Unternehmen
Blueprint Testimonial Image
"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, Director Sales, Unternehmen
"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, Director Sales, Unternehmen

Kontakt

In dieser Komponente ist nur ein Kontakt möglich. Varianten:
  • mit Info-Text
  • ohne Info-Text

Loading component...

Loading component...

Dynamic Contact

Darstellung von 1-3 Kontakten Varianten:
  • mit Info-Text
  • ohne Info-Text

Das ist eine optionale Headline

Kontaktbild Icon
NürnbergMesse Austria
Auslandsvertretung Österreich
'Foto: Sohail Aziz
NASA International
Auslandsvertretung Bangladesch

Ausstellung von Einladungsschreiben für Besucher-Visa-Anträge möglich
'Foto: Mitscho Tschipev
Deutsch-Bulgarische Industrie- und Handelskammer
Auslandsvertretung Bulgarien

Das ist eine optionale Headline

Foto: Beatriz Woerner Recasens
Deutsch-Argentinische Industrie- und Handelskammer
Auslandsvertretung Argentinien
'Foto: Hubert Demmler
Hubert Demmler Consulting
Auslandsvertretung Armenien

Ausstellung von Einladungsschreiben für Besucher-Visa-Anträge möglich

Das ist eine optionale Headline

'Foto: Andrej Prpic
SVET SEJMOV d.o.o
Auslandsvertretung Bosnien und Herzegowina

Dynamic Teaser

Varianten:
  • Text
  • Icon
  • Image

Es sind 1-6 Teaser auswählbar.

Icons, 1 Teaser, mit Text

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.

Mehr erfahren!

Icons, 2 Teaser, mit Text

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.

Mehr erfahren!

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.

Mehr erfahren!

Icons, 3 Teaser, mit Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Icons, 4 Teaser, ohne Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Icons, 5 Teaser, ohne Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Icons, 6 Teaser, mit Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Bilder, 3 Teaser, mit Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Text, 3 Teaser, mit Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Text, 1 Teaser mit CTA

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.

Mehr erfahren!

Video, 3 Teaser, mit Text

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.

Mehr erfahren!

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.

Mehr erfahren!

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.

Mehr erfahren!

Related Content Teaser

Folgende Arten von Inhalte können vorgeschlagen werden:
  • Articles, Stories
  • Press Releases
  • Actions

Prices

Varianten:
  • Light
  • Dark (coloured background)
Es könenn 2-4 Preise dargestellt werden. 

Dynamic Links

Varianten:
  • Default (Light)
  • Flashy (coloured background)

Varianten der optionalen Headline:

  • h1
  • h2
  • h3
  • h4
  • h5
Es können max. 10-15 interne und/oder externe Links vergeben werden → mehr Begriffe kann ein User nicht mehr verarbeiten.

Facts & Figures

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

Das ist eine optionale Headline