Dokument Style - Raster Beispiele

Hier sehen Sie unser komplettes responsives Standart Style-Raster, dass Sie einfach mit unserem Handbuch aufbauen können. Sie können auch jederzeit aus dem Quellcode die entsprechenden Zeilen kopieren und in anderer Reihenfolge auf Ihrer Landingpage im Quellcode einfügen und dann über den Editor den Inhalt anpassen.
In jeder Spalte können Texte, Überschriften, Absätze, Links und Bilder gesetzt werden. Ganz den eigenen Vorstellungen und Anforderungen entsprechend

Sollte das von Ihnen gesuche Raster nicht dabei sein, dann sprechen Sie uns an. Gerne erweitern wir das Rasterangebot in Ihrem persöhnlichen Projekt nach Ihren Vorstellungen.

Spalte1

(1/2, xs: ganze Breite)

Text Rechts

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

(1/2, xs: ganze Breite)

oder Text Links

(1/2, xs: ganze Breite)

Vorsicht!

Die Spalten dieser Zeile werden immer halbe Breite haben.

(Immer 1/2 Breite)

Immer halbe Breite auf allen Endgeräten

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

(Immer 1/2 Breite)

Diese Spalte ist 1/3 breit

Spalte 30%

Hier haben wir für Desktop 30% und bei kleinen mobilen Endgeräten 100% Breite.

(30%m XS:ganze Breite)

Spalte 70%

Diese Spalte ist 70% breit und auf kleinen mobile Geräten hat sie 100% Breite.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet

(70%m XS:ganze Breite)

Spalte 70%

(70%m XS:ganze Breite)

Spalte 30%

Hier haben wir für Desktop 30% und bei kleinen mobilen Endgeräten 100% Breite.

(30%m XS:ganze Breite)

Spalte1

Spalte2

Dokument Style - Raster Beispiele

Text Rechts

oder Text Links

Vorsicht!

Immer halbe Breite auf allen Endgeräten

Diese Spalte ist 1/3 breit

auf Tablet wird sie 1/2

und auf Mobile geht sie über die ganze Breite

Diese Spalte ist 1/4 breit

auf Tablet 1/2

und auf Mobile 100%

Spalte

Diese Spalte ist 1/4 breit

wird aber auf Tablet 1/2

und bleibt dann auch auf Mobile 1/2

Spalte

Spalten können auch gemixed werden.

und so andere, spannende

Aufteilungen zu erhalten

eine andere Aufteilungen

kann auch

so aussehen

oder

auch

so...

Spalte 30%

Spalte 70%

Spalte 70%

Spalte 30%

NEWSLETTER