Elemente : Texte
Überschriften, Fließtext, Listen und Tabellen.
Überschriften
Überschriften setzt du mit dem Element „Überschrift“ oder als Überschrift eines Text-Elements. Die Größen passen sich der Bildschirmbreite an.
Überschrift 1 (h1)
Überschrift 2 (h2)
Überschrift 3 (h3)
Überschrift 4 (h4)
Überschrift 5 (h5)
Überschrift 6 (h6)
Dachzeile und Ausrichtung
Die Dachzeile steht über der Überschrift. Mit heading--center (Klassen-Manager „Überschrift zentriert“) steht die Überschrift mittig, wie bei den Abschnitten der Demo.
Dachzeile : Überschrift mit Dachzeile
Leistungen : Zentrierte Überschrift mit Dachzeile
Fließtext
Ein Einleitungstext ist etwas größer. Im Editor wählst du dafür das Format „Text Lead“.
Normaler Fließtext mit fetten und kursiven Wörtern und einem Link zur Einleitung. Absätze trennst du im Editor mit der Eingabetaste.
Text mit Bild
Im Text-Element fügst du ein Bild hinzu und wählst die Position. Ab Tablet stehen Bild und Text nebeneinander, auf dem Smartphone untereinander.
Bild links
Bildposition „links“. Die Bildgröße „Text - 1/2 Desktop“ schneidet das Bild passend zu.
Bild rechts
Bildposition „rechts“. Der Text steht dann links neben dem Bild.
Text-Varianten
Zwei Varianten wählst du am Text-Element im Klassen-Manager (Gruppe „Text“).
Liste als Chips
Eine Aufzählung im Text wird mit text--chips zu Chips mit Haken:
- Kostenlose Erstberatung
- Feste Ansprechpartner
- Eigener Kundendienst
Text zentriert
Mit text--center steht der ganze Text mittig.
Listen
Das Element „Aufzählung“ gibt es ungeordnet und nummeriert.
- Heizung
- Sanitär
- Solar
- Beratung vor Ort
- Festpreis-Angebot
- Montage
Tabelle
Das Element „Tabelle“ mit Kopfzeile.
| Leistung | Typische Dauer | Ansprechpartner:in |
|---|---|---|
| Wärmepumpe | 3–5 Tage | Klaus Berger |
| Badsanierung | 2–3 Wochen | Murat Aydın |
| Wartung | 1–2 Stunden | Lena Fischer |