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)

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)

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)

Dynamic Link

Varianten (Button-Farbe):

• Default (Light)
• Flashy (farbige Buttons)

Styling-Optionen - Background colour:

• weiß (default)
• Light pink

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)

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)

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-Optionen - Background colour:

• keine Hintergrundfarbe (Default)
• Red

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

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)

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)

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

Varianten:

• Regular*
• Image left
• Image right

*Zusätzliche Styling-Optionen der Variante "Regular":

• white background (Default)
• grey background
• red background

Es können bis zu 2 CTAs gepflegt werden (gilt nur für Variante "Image left" & "Image right"; Variante "Regular" wird ohne CTAs dargestellt)

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

Headline immer als H1 verwenden!

Testimonial

Varianten:

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

Styling-Optionen - Background colour:

• keine Hintergrundfarbe (Default)
• Grey
• Orange
• Light pink
• Pink
• Red

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.

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)

____________________

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)

Content Teaser Press Releases

max. 6 Presseinformationen 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)