Beispielelemente
Zum Ausprobieren
Auf dieser Seite sehen Sie, welche Elemente Ihre Webseite kennt. Alles hier ist Beispieltext. Kopieren Sie im Redaktionssystem ein Element und fügen Sie es auf einer anderen Seite ein, oder legen Sie es mit „Neu“ selbst an.
Diese Seite steht nicht im Menü und lässt sich jederzeit löschen.
Text, Listen und Knöpfe
Text mit Bild
Ein Textelement kann ein Bild links oder rechts neben dem Text zeigen. Im Redaktionssystem wählen Sie dazu „Bild hinzufügen“ und die Bildausrichtung.
Texte können fett sein, Links enthalten und Listen:
- erster Punkt
- zweiter Punkt
- dritter Punkt
Nummerierte Liste
- Termin vereinbaren
- Beratung vor Ort
- Angebot erhalten
- Ausführung
Knopf mit Link
Zum KontaktAusklappbare Elemente
Akkordeon
Ein Element, das Fragen und Antworten platzsparend zeigt. Ein Klick auf die Frage öffnet die Antwort.
Für häufige Fragen, Preisdetails, Abläufe oder alles, was nicht jeder lesen muss.
Element „Akkordeon“ anlegen, dann darin über „Kindelemente bearbeiten“ je Eintrag ein Textelement mit Abschnittsüberschrift.
Tabelle
Beispiel: Preisübersicht
| Leistung | Umfang | Dauer | Anfahrt | Preis |
|---|---|---|---|---|
| Beispielleistung A | pro Stunde | 1 Stunde | inklusive | ab 00 € |
| Beispielleistung B | pauschal | halber Tag | inklusive | ab 00 € |
| Beispielleistung C | nach Aufwand | nach Absprache | nach Entfernung | auf Anfrage |
| Beispielleistung D | pro Quadratmeter | 1 bis 2 Tage | inklusive | ab 00 € |
| Beispielleistung E | pauschal | 1 Tag | nach Entfernung | ab 00 € |
| Beispielleistung F | nach Aufwand | nach Absprache | inklusive | auf Anfrage |
Bilder
Einzelbild mit Bildunterschrift
Galerie
Bilder-Slider
Sechs Karten mit Symbol
Abschnitt „Karten“
Elementgruppe mit der CSS-Klasse „abschnitt leistungen“, darin Textelemente mit der Klasse „karte“.
Erste Karte
Kurzer Beispieltext zur ersten Karte.
Zweite Karte
Kurzer Beispieltext zur zweiten Karte.
Dritte Karte
Kurzer Beispieltext zur dritten Karte.
Vierte Karte
Kurzer Beispieltext zur vierten Karte.
Fünfte Karte
Kurzer Beispieltext zur fünften Karte.
Sechste Karte
Kurzer Beispieltext zur sechsten Karte.
25
Beispielzahl mit Text
100 %
zählt beim Scrollen hoch
3
Abschnitt „Zahlen“
Schritt für Schritt
Abschnitt „Ablauf“
Erster Schritt
Beispieltext.
Zweiter Schritt
Beispieltext.
Dritter Schritt
Beispieltext.
„Ein Zitat oder eine Kundenstimme, groß und gut lesbar.“
Name, Ort
Abschnitt „Aufruf“
Ein dunkler Abschnitt mit Knopf, gut am Ende einer Seite.