Zu den Basis-Komponenten
Zu den Grids

Komponenten in der Dynzone (titlemeta)

Diese Blöcke können in einer Dynamic Zone auf den [PAGES] eingesetzt werden. Optionen werden angezeigt.


Component: heading

Die Auswahl des HTML-Tags (h2, h3, h4, … ist von der Hierarchie bzw. Platzierung im Text abhängigabhängig)

H2 - Default: Regular heading


H3 - Option: Sub heading


H4 - Option: Subsub heading


H5 - Option: Intext heading


In dynamischen Zonen können headings nicht in der "Regular"-Version angezeigt werden.


Component: text

Option: Intro zum Seitenstart oder in einer neuen Sektion. 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.


Default: Copytext. 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.


Option: Kleingedrucktes. 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.


Component: list

Module configuration: list--flow / columns (on/off)

  • UL/OL Listtyp .list--flow verteilt die Listenelemente in 1 oder 2 Spalten
  • Lorem ipsum dolor sit amet, consetetur sadipscing.
  • Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna sed diam voluptua. At vero eos et accusam et justo duo dolores.
  • Lorem ipsum dolor sit amet, consetetur sadipscing.

Default: UL

  • UL Listtyp .list--ticks Lorem ipsum dolor sit amet, consetetur sadipscing.
  • Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores. Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.
  • Lorem ipsum dolor sit amet, consetetur sadipscing.

Option: OL

  1. UL Listtyp .list--ticks Lorem ipsum dolor sit amet, consetetur sadipscing.
  2. Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores. Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.
  3. Lorem ipsum dolor sit amet, consetetur sadipscing.

Option: ticks

  • UL Listtyp .list--ticks Lorem ipsum dolor sit amet, consetetur sadipscing.
  • Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores. Lorem ipsum dolor sit amet, consetetur sadipscing. Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.
  • Lorem ipsum dolor sit amet, consetetur sadipscing.

Component: timeline

Default: timeline

  1. OL .timeline (heading)
    (Text) Wir rüsten Ihre bestehenden Zähler mit Puls-Sensoren aus (Retrofit) oder setzen LoRaWAN-fähige digitale Zähler ein

  2. Gemeinsames Audit
    Das System erfasst medienübergreifend Wasser, Strom, Gas, Wärme etc.

  3. This is without a heading. Die Zählerstände werden in kurzen Zeitabständen an ein zentrales Dashboard übertragen

Option: timeline--extended

  1. ab 1999

    Heading: OL .timeline--extended
    Text: Wir rüsten Ihre bestehenden Zähler mit Puls-Sensoren aus (Retrofit) oder setzen LoRaWAN-fähige digitale Zähler ein

  2. Datetxt

    Heading: Gemeinsames Audit
    Text: Das System erfasst medienübergreifend Wasser, Strom, Gas, Wärme etc.

  3. Ursprung

    Die Zählerstände werden in kurzen Zeitabständen an ein zentrales Dashboard übertragen


Component: linklist


Component: Figure .inlineimage

Visualisierung der Optimierungspotenziale im Dashboard

Component: blockquote person

Default: Simple

Blockquote mit Text wir haben erfolgreich den Projektnamen Lorem ipsum dolor sit amet, consetetur sadipscing.

Default: Person

Blockquote mit Text wir haben erfolgreich den Projektnamen Lorem ipsum dolor sit amet, consetetur sadipscing.


Component: CTA box

Default: Basic

.ctabox Fragen zu Conneqtive Managed LAN?

Lassen Sie uns gern sprechen. Persönlich, pragmatisch und ohne Warteschleife.

Jetzt Kontakt aufnehmen

Default: Simple


Kombi-Module

Default: Basic image Left

heading h2 or h3

What is in this WYSIWYG area?

  • heading 3/4/5
  • text / paragraphs Labore et dolore magna aliquyam erat, sed di.
  • UL or OL lists
  • links
  • bold

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.

Default: Basic image Right

heading h2 or h3 zum Modul gehörig image right

Sobald Raum ist werden Inhalte zweispaltig

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

Option: Basic dual images

heading h2 or h3 zum Modul gehörig

Sobald Raum ist werden Inhalte zweispaltig

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.

So kann man Content besser verteilen

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.


Grid-Module

Default: Icon cards images

heading h2 or h3 zum Modul gehörig

Intro paragraph. Colours can only be set once per grid module. Links are part of the cards. Grid → optional Colour, Cards → Link-URL, Text, Icon

no link, .itinfra

no link, .iot

no link

.itinfra with a link

.iot with a link

with a link

Option: Icon-Text cards images

heading h2 or h3 zum Modul gehörig

Intro paragraph. Colours can only be set once per grid module. Links are part of the cards. Grid → optional Colour, Cards → Link-URL, Heading (optional), Text (optional), Icon


.fullwidth--brand Container mit 2 Components

heading zum Modul gehörig

Sobald Raum ist werden Inhalte zweispaltig

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.

So kann man Content besser verteilen

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.

heading zum Modul gehörig

Sobald Raum ist werden Inhalte zweispaltig

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.

So kann man Content besser verteilen

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.