Boxen (Box-12)
box-2 bg-grau
box-2 bg-grau
box-2 bg-grau
box-2 bg-grau
box-2 bg-grau
box-2 bg-grau
box-3 bg-grau
box-3 bg-grau
box-3 bg-grau
box-3 bg-grau
box-4 bg-grau
box-4 bg-grau
box-4 bg-grau
box-5 bg-grau
box-5 bg-grau
box-6 bg-grau
box-6 bg-grau
box-7 bg-grau
box-5 bg-grau
box-8 bg-grau
box-4 bg-grau
box-9 bg-grau
box-3 bg-grau
box-10 bg-grau
box-2 bg-grau
box-11 bg-grau
box-1 bg-grau
box-12 bg-grau
Box zentriert
box-mitte bg-grau new-line
Boxen rechts ausgerichtet
box-3-rtl bg-grau
box-4-rtl bg-grau new-line
box-5-rtl bg-grau new-line
box-6-rtl bg-grau new-line
box-7-rtl bg-grau new-line
box-8-rtl bg-grau new-line
box-9-rtl bg-grau new-line
box-10-rtl bg-grau new-line
box-11-rtl bg-grau new-line
Abstände
Abstände (margin) auserhlab eines Elements
css Klassen: mt-1, mt-2, mt-3, mb-1, mb-2, mb-3
mt-1 box-12 bg-grau
mt-1 = Abstand nach oben 1em
mt-2 box-12 bg-grau
mt-2 = Abstand nach oben 2em
mt-3 box-12 bg-grau
mt-3 = Abstand nach oben 4em
mb-1 box-12 bg-grau
mb-1 = Abstand nach unten 1em
mb-2 box-12 bg-grau
mb-2 = Abstand nach unten 2em
mb-3 box-12 bg-grau
mb-3 = Abstand nach unten 4em
Abstände (padding) innerhalb eines Elements
css Klassen: padd-1, padd-2
CSS: bg-grau box-12 btn-1 padd-2 center
Beschreibung:
bg-grau = grauer Hintergrund
box-12 = Raster 12 Spalten
padd-2 = Abstand nach oben 5 em, Abstand nach unten 4 em
center = Text zentriert ausrichten
CSS: bg-grau box-12 btn-1 padd-1 center
Beschreibung:
bg-grau = grauer Hintergrund
box-12 = Raster 12 Spalten
padd-1 = Abstand nach oben 1 em, Abstand nach unten 0 em
center = Text zentriert ausrichten
Bilder
css Klassen: image100, image80, image70, image60, image50, image40, image30
Header Content
Header mit Bild im Hintergrund, Icon, Subheadline, Headline und Link
Artikel Template: mod_article_00_full
Inhaltselement: Text
Template: ce_text_header_teaser
Ein Font-Icon hinzufügen: sicon-arbeitsplatz
HTML:
<p class="black">Büroeinrichtung</p>
<h1 class="headline">BÜROMÖBEL [&] ARBEITSPLATZ</h1>
<p><a href="kontakt">Jetzt anfragen!</a></p>
Grauer Hintergrund ganze Breite
Article Template: mod_article_00_Standard_grau
Gelber Hintergrund ganze Breite
Article Template: mod_article_00_Standard_gelb