Fluide Hintergundfarbe
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.
Umsetzung mittels
Sektion > Style(CSS)
background: rgb(230, 230, 230);
Eine Überschrift in Standardformat bzw. in eingestelltem Format
Eine Überschrift in Standardformat bzw. in eingestelltem Format
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.
Umsetzung mittels
Blockposition 1 von Sektion : Text-Block
in Standardformat angezeigt (für Theme bzw. Webseite einheitlich festlegbar)
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.
Umsetzung mittels
Blockposition 6 von Sektion : HTML-Snippet
background: rgb(200, 200, 210);
Umsetzung mittels
Spaltenbreite
auto (oder 1/4)
Umsetzung mittels
Blockposition 1 von Sektion : Text-Block
display: flex; flex-direction: column; justify-content: center;
Spaltenbreite
auto
Umsetzung mittels
Blockposition 1 von Sektion : Text-Block
display: flex; flex-direction: column; justify-content: flex-end;
Spaltenbreite
auto
Custom Section Heading
Sektionsblöcke
Umsetzung mittels
Blockposition 2 von Sektion : HTML-Snippet
"12" für Spaltenbreite
Blockposition 4 von Sektion: Bild
fluides Hintergrundbild
Blockposition 7 von Sektion : HTML-Snippet
background: darkgray;
Spaltenblöcke
Umsetzung mittels
Blockposition 1 von Spalte : Text-Block
Überschrift in Standardformat
Blockposition 3 von Spalte : Bild (svg)
eingefärbtes Icon vor Überschrift
Custom Section Heading
Spaltenblöcke
Umsetzung mittels
Blockposition 1 von Spalte : Text
Überschrift
Blockposition 2 von Spalte : HTML-Snippet
Icon neben Überschrift
Blockposition 5 von Spalte : Bild
Hintergrundbild für Spalte
Blockposition 7 von Sektion : HTML-Snippet
"background: rgba( 200, 200, 235, .7);" zum abdunkeln des Hinterundbildes
Sektionsblöcke
zum Styling der Sektion und für alle Spalten (soweit nicht in Spalte überschrieben, wie hier in linker Spalte)
Umsetzung mittels
Sektion > Style(CSS)
background: linear-gradient(to left, #ebac5c, #d86f1b);
Blockposition 2 von Sektion : HTML-Snippet
"12" für Spaltenbreite
Blockposition 7 von Sektion : HTML-Snippet
background: rgba( 200, 200, 235, .7);
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Niemand braucht sprechende Produktkataloge, aber längeren Text um dieses Zitat zu testen. Noch länger ist noch besser.
Niemand braucht „sprechende Produktkataloge“ – genannt „Verkäufer“. Der Vertrieb ist tot – es lebe der Vertrieb!
Niemand braucht „sprechende Produktkataloge“ – genannt „Verkäufer“. Der Vertrieb ist tot – es lebe der Vertrieb!
Umsetzung obere Sektion mittels
Blockposition 2 von Sektion : HTML-Snippet
"12" für Spaltenbreite
Blockposition 7 von Sektion: HTML-Snippet
"height: 240px;" für feste Höhe
"padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;" für Inhalt am Ende
"background-image: linear-gradient(to bottom, rgba(255, 255, 255,0.85), rgba(255, 255, 255,0.0) 55%);" für Weißschleier oben
Blockposition 8 von Sektion : HTML-Snippet
für Box am unteren Ende jeder Spalte:
"background-color: rgba(0,0,20,0.8);
margin-bottom: 0;
height: 40%;
padding-left: .5rem;
padding-right: .5rem;
font-size: .9rem!important;
font-weight: 300;
line-height: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;"
Kontakt
Umsetzung obere Sektion mittels
Blockposition 1 von Sektion : Text
für Überschrift
Blockposition 2 von Sektion : HTML-Snippet
"12" für Spaltenbreite
Blockposition 6 von Spalte links: HTML-Snippet
"iconlist" für Icons neben text (außer Überschrift)
in Spalte rechts:
HTML-Snippet mit iFrame
Finden Sie heraus, wie ich Ihnen helfen kann.
Lassen Sie uns reden: 0221 20 54 800
Eingestellte Überschrift