Anhand dieses Beispieles wird deutlich, wie verschiedene Klassen verwendet werden können.
Dem Beispiel liegt ein Zwei-Spalten-Rasterelement zu grunde, welchem ein Hintergrundbild und die Klasse "pp-ce-bgfixed" zugewiesen wurde.
In der rechten Spalt befindet sich ein Container mit einem Text-Inhaltselement, welchem die Klassen "pp-content-bgwhite70" und "pp-content-padding" sowie die Daten-Attribute 'data-aos="zoom-in"' und 'data-aos-once="false"' zugewiesen wurde.
Titel 3
Diesem Inhaltselement wurde die Klasse "pp-row-child-height" zugewiesen.
Zeile 1
Zeile 2
Zeile 3
Titel 3
Diesem Inhaltselement wurde die Klasse "pp-row-child-height" zugewiesen.
Zeile 1
Zeile 2
Titel 2
Diesem Inhaltselement wurde die Klasse "pp-row-child-height" zugewiesen. Diesem Inhaltselement wurde die Klasse "pp-row-child-height" zugewiesen. Diesem Inhaltselement wurde die Klasse "pp-row-child-height" zugewiesen.
Zeile 1
Zeile 2
Titel 2
Diesem Inhaltselement wurde die Klasse "pp-row-height" zugewiesen.
Zeile 1
Zeile 2
Zeile 3
Titel 1
Diesem Inhaltselement wurde die Klasse "pp-row-child-height" zugewiesen.
Zeile 1
Titel 1
Diesem Inhaltselement wurde die Klasse "pp-row-height" zugewiesen.
Zeile 1
Attribute
Inhaltselemente können über Attribute individuell gestaltet werden. Für Klassen und Attribute bestehen Definitionen, welche über das Auswahlmenü hinzugefügt werden können. Aus Sicherheitsgründen können nur Daten-Attribute zu den Attributen hinzugefügt werden.
Vordefinierte Klassen
Verschiedene vordefinierte Klassen können über das Auswahlmenü hinzugefügt werden.
Im Folgeneden wird der Gebrauch einiger Klassen näher erläutert.