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

btn-1 = Button-1

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

btn-1 = Button-1

padd-1 = Abstand nach oben 1 em, Abstand nach unten 0 em

center = Text zentriert ausrichten

Buttons

css Klassen: btn-1, btn-2

Bilder

css Klassen: image100, image80, image70, image60, image50, image40, image30

box-4 image100
box-4 image80
box-4 image70
box-4 image60 new-line bg-grau
box-4 image50
box-4 image40
box-4 image30 new-line bg-grau

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 [&amp;] ARBEITSPLATZ</h1>
<p><a href="kontakt">Jetzt anfragen!</a></p>

Büroeinrichtung

BÜROMÖBEL & ARBEITSPLATZ

Jetzt anfragen

Arbeitsplatz - Büromöbel Köln - Großraum Büro - OpenSpace - Febrü

Grauer Hintergrund ganze Breite

Article Template: mod_article_00_Standard_grau

Gelber Hintergrund ganze Breite

Article Template: mod_article_00_Standard_gelb