Home Bild umfließen

Bild wird vom Text umflossen. Das Bild kann auch auf die linke Seite gesetzt werden. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Home Text Bild

Text und Bild 2-spaltig. Die Breite der Spalten kann verändert werden. Position Text und Bild kann vertauscht werden. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Home Text Galerie

Text und Galerie 2-spaltig. Die Breite der Spalten kann verändert werden. Position Text und Galerie kann vertauscht werden. Die Anzahl der Bilder in einer Reihe der Galerie kann verändert werden. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Home Text Galerie einspaltig

Text und Galerie einspaltig. Die Anzahl der Bilder in einer Reihe der Galerie kann verändert werden. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Grundlagen

1Grundlagen – Con_Standard-1 –
für erste Ebene

Enthält einen Container in voller Breite (für Hintergrundfarbe über ganzes Fenster) und einen Inner Container, in den dann Elemente eingefügt werden können. Eine Überschrift und ein Text ist bereits enthalten.

Con_Standard-1 Headline

Text Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

1Grundlagen – Con_Standard-2 –
für erste Ebene

Enthält zusätzlich noch einen weiteren inner-Container mit Text und Bild als Flex Layout.

Con_Standard-2 Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

inner-container-flex

Bei diesem Container kann die Spaltenbreite jedes einzelnen Elements eingestellt werden.

Zentral kann der Abstand zwischen den Elementen horizontal und vertikal eingestellt werden und wie die Elemente angeordnet werden sollen (Reihe oder untereinander).

1Grundlagen – Con_Standard-3 –
für erste Ebene

Enthält zusätzlich noch einen weiteren inner-Container mit Text und Bild als Grid Layout.

Con_Standard-3 Headline

inner-container-Grid

Bei diesem Container kann die Spaltenbreite jedes einzelnen Elements eingestellt werden.

Zentral kann der Abstand zwischen den Elementen horizontal und vertikal eingestellt werden und wie die Elemente angeordnet werden sollen (Reihe oder untereinander).

2-Container-erste-Ebene
für komplette Container auf erster Ebene

Container – Bild Text Grid

Container Bild-Text Grid

Bild und Text ist ein Flex-Element – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Container – Bild Text Flex

Container Bild-Text Flex

Container – Text

Container Text

Container – Container Bild umfließen

Container Bild umfließen

Bild wird umflossen: Ist möglich mit dem Bildelement aus dem Gutenbergeditor und Einstellung linksbündig. Container muss auf Inline-Block stehen. Ecken können abgerundet werden mit der CSS-Klasse .abrunden5 (Gibt 5,10,15,20) beim Galerie-Element im Settings-Reiter. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Container – Galerie Text

Container Galerie-Text

Bilder der Galerie sind abgerundet mit CSS-Klasse .abrunden5 (gibt 5,10,15,20) beim Galerie-Element im Settings-Reiter. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Container – Spaltensystem Grid

Container Spaltensystem Grid

In ein Grid-Element können mehrere Container eingefügt werden und diese per Spaltensystem verändert werden. Auch die Abstände zwischen den Spalten kann verändert werden. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Container – Sammlung Bild und Text

Container Sammlung Bild und Text

Bild wird umflossen: Ist möglich mit dem Bildelement aus dem Gutenbergeditor und Einstellung linksbündig. Container muss auf Inline-Block stehen. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Galerie-Text Container

Bilder der Galerie sind abgerundet mit CSS-Klasse .abrunden5 (gibt 5,10,15,20) beim Galerie-Element ODER beim Container darüber im Settings-Reiter.
Featherlight muss auf der Seite aktiviert werden (Seiten-Reiter), damit die Bilder groß angesehen werden können.
Im Galerieelement muss beim Verknüpfungs-/Link-Symbol „Bilder mit Mediendateien verknüpfen“ angewählt werden, damit Featherlight funktioniert. – – –
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Bild wird umflossen: Ist möglich mit dem Bildelement aus dem Gutenbergeditor und Einstellung linksbündig. Container muss auf Inline-Block stehen. Ecken können abgerundet werden mit der CSS-Klasse .abrunden5 (Gibt 5,10,15,20). – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Grid Version – Spalten können insgesamt geändert werden

Container – Bild stehend HG

Container Bild stehend HG

Hintergrund stehendes Bild
und Farbverlauf zum Absoften

Button gruen

Container – Bild HG

Container Bild HG

Button

Container – Titelbild

Container Titelbild

Text

Link

Container – Ansprechpartner

Ansprechpartner

Name • Telefon: 123

email – kann durch Klicken auf Kettensymbol zum Link werden

3-Container-erste-Ebene-Teaser
für komplette Container auf erster Ebene

Container – Teaser alle wiederkehrenden Inhalte

Unterwegs Flyer

„Unterwegs in der Natur“ – unser Flyer mit Terminen zum Wandern, Fahrrad fahren, Pflanzenexkursionen etc.

zum Flyer

Termin Flyer

Hier können Sie unseren Flyer mit der Terminübersicht herunterladen.

zum Flyer

Natura Trail Bad Vilbel

Der Flyer zum Natura Trail Bad Vilbel mit ausfährlicher Landschaftsbeschreibung.

zum Flyer

Natura Trails Info

Natura Trails sind Schutzgebiete, die die Vielfalt an Tieren und Pflanzen und deren Lebensräume bewahren.

Zum Flyer

Natura Trail Glauberg

Der Natura Trail „Rund um den Glauberg“ läd zum Wandern ein. Informationen dazu finden Sie in unserem Flyer.

zum Flyer

Keltenwelt Glauberg

Das Museum und der Keltenpfad liegen in unmittelbarer Nähe unseres NaturFreunde Hauses.

zur Website

Komoot

Unsere Touren rund um das NaturFreunde Haus Glauberg finden Sie auf Komoot.

zu Komoot

Natura Trails

Die NaturFreunde Hessen haben einige Natura Trails erstellt. Diese können Sie bei Komoot herunterladen.

zu Komoot

Wegbeschreibung

Eine Wegbeschreibung mit gpx-Daten finden Sie bei outdooraktive.com

Naturatrail Wegbeschreibung

Container – Teaser Symbole

Überschrift

Für Icon: Standard-Icons bei Block-Einstellung Typographie oben auf Icon klicken und die Font-Size auf 3rem stellen.

mehr erfahren

Überschrift

Für Icon: Standard-Icons bei Block-Einstellung Typographie oben auf Icon klicken und die Font-Size auf 3rem stellen.

Mehr erfahren

Überschrift

Für eigenes Icon: Bei Block-Einstellung Typographie oben auf Icon klicken und die Font-Size auf 4rem stellen.

mehr erfahren

Überschrift

Für eigenes Icon: Bei Block-Einstellung Typographie oben auf Icon klicken und die Font-Size auf 4rem stellen.

mehr erfahren

Überschrfit

Für Icon: Standard-Icons bei Block-Einstellung Typographie oben auf Icon klicken und die Font-Size auf 3rem stellen

Mehr erfahren

Social Media

Für Icon: Standard-Icons bei Block-Einstellung Typographie oben auf Icon klicken und die Font-Size auf 3rem stellen

Container – Teaser Bild Text Button

Überschrift

Text

Link

Überschrift

Text

Link

Überschrift

Text

Link

4-Inner Container
Diese Container werden in einen Container erster Ebene eingefügt

inner container Flex

inner-container-flex

Bei diesem Container kann die Spaltenbreite jedes einzelnen Elements eingestellt werden.

Zentral kann der Abstand zwischen den Elementen horizontal und vertikal eingestellt werden und wie die Elemente angeordnet werden sollen (Reihe oder untereinander).

inner container Grid

inner-container-Grid

Bei diesem Container kann die Spaltenbreite jedes einzelnen Elements eingestellt werden.

Zentral kann der Abstand zwischen den Elementen horizontal und vertikal eingestellt werden und wie die Elemente angeordnet werden sollen (Reihe oder untereinander).

inner Container mit Galerie

inner container 100 Prozent

Inner Container 100%

5-Elemente
Diese Elemente werden in einen inner Container eingefügt

Element – Galerie Text Flex

Bilder können entweder auf gesamter Seite im CSS-Code abgerundet werden oder über Settings-Reiter => Erweitert => CSS-Klasse abrunden5 (gibt 5,10,15,20). – – –

Element – Grid System mit Galerie

Hier kann die Anordnung im Grid-Element geändert werden. Z.B. ob sie 2-spaltig oder 3-spaltig erscheinen sollen, wieviel Platz zwischen den Elementen bleiben soll etc. — Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Element – Flex Container mit Galerie

Flex Container

Überschrift H5

Dieser Container ist sehr flexibel. Unter Layout => Flex Layout kann eingestellt werden, ob die Elemente nebeneinander oder untereinander angezeigt werden sollen (Row / Column) und ob die Reihenfolge bei einspaltiger Handyanzeige umgekehrt sein soll (Row Reverse / Column Reverse). Bei Column Gap kann der Zwischenraum zwichen den Row Elementen eingestellt werden.

Die Breite der einzelnen Container innerhalb des Flex-Containers wird mit Prozentangabe bei Sizing eingestellt.

Dies ist ein Galeriecontainer ohne Abstand, also einfach das normale Galerie-Element von Gutenberg eingefügt.

Element – Bild Text Grid

Im Style-Reiter kann bei Sizing die Breite der Container angegeben werden. Am besten in %. — Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Element – Bild Text Flex

Element – Bild umfliessen

Element Bild umfließen – Bild wird umflossen: Ist möglich mit dem Bildelement aus dem Gutenbergeditor und Einstellung linksbündig – direkt über dem Element beim Anklicken. Container muss auf Inline-Block stehen. – – – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Element – Aufzaehlung mit Symbol

Element Aufzählung mit Symbol

Hier auf 50% Breite eingestellt im Reiter Style => Sizing

Punkt 2

Punkt 3

Punkt 4

Punkt 5

Punkt 6

Punkt 7

Element – Icon Container Social klein

Element – Button-light

Mehr erfahren

Element – Button gruen

Mehr erfahren

Element – Galerie Container

Element – Flex Container

Flex Container

Überschrift H5

Die Breite der einzelnen Container innerhalb des Flex-Containers wird mit Prozentangabe bei Sizing eingestellt.

Dies ist ein Galeriecontainer ohne Abstand, also einfach das normale Galerie-Element von Gutenberg eingefügt.

Element – Ansprechpartner

Ansprechpartner

xxx

info@naturfreunde-bv.de

Element – Anprechpartner Kontur

Ansprechpartner

XXX

info@naturfreunde-bv.de

Vorlagen

Home Bild umfließen

Home Text Bild

Home Text Galerie

Home Text Galerie einspaltig

Grundlagen

1Grundlagen – Con_Standard-1 – für erste Ebene

Con_Standard-1 Headline

1Grundlagen – Con_Standard-2 – für erste Ebene

Con_Standard-2 Headline

inner-container-flex

1Grundlagen – Con_Standard-3 – für erste Ebene

Con_Standard-3 Headline

inner-container-Grid

2-Container-erste-Ebenefür komplette Container auf erster Ebene

Container – Bild Text Grid

Container Bild-Text Grid

Container – Bild Text Flex

Container Bild-Text Flex

Container – Text

Container Text

Container – Container Bild umfließen

Container Bild umfließen

Container – Galerie Text

Container Galerie-Text

Container – Spaltensystem Grid

Container Spaltensystem Grid

Container – Sammlung Bild und Text

Container Sammlung Bild und Text

Galerie-Text Container

Grid Version – Spalten können insgesamt geändert werden

Container – Bild stehend HG

Container Bild stehend HG

Container – Bild HG

Container Bild HG

Container – Titelbild

Container Titelbild

Text

Container – Ansprechpartner

Ansprechpartner

3-Container-erste-Ebene-Teaserfür komplette Container auf erster Ebene

Container – Teaser alle wiederkehrenden Inhalte

Unterwegs Flyer

Termin Flyer

Natura Trail Bad Vilbel

Natura Trails Info

Natura Trail Glauberg

Keltenwelt Glauberg

Komoot

Natura Trails

Wegbeschreibung

Container – Teaser Symbole

Überschrift

Überschrift

Überschrift

Überschrift

Überschrfit

Social Media

Container – Teaser Bild Text Button

Überschrift

Überschrift

Überschrift

4-Inner ContainerDiese Container werden in einen Container erster Ebene eingefügt

inner container Flex

inner-container-flex

inner container Grid

inner-container-Grid

inner Container mit Galerie

inner container 100 Prozent

Inner Container 100%

5-ElementeDiese Elemente werden in einen inner Container eingefügt

Element – Galerie Text Flex

Element – Grid System mit Galerie

Element – Flex Container mit Galerie

Flex Container

Überschrift H5

Element – Bild Text Grid

Element – Bild Text Flex

Element – Bild umfliessen

Element – Aufzaehlung mit Symbol

1Grundlagen – Con_Standard-1 –
für erste Ebene

1Grundlagen – Con_Standard-2 –
für erste Ebene

1Grundlagen – Con_Standard-3 –
für erste Ebene

2-Container-erste-Ebene
für komplette Container auf erster Ebene

3-Container-erste-Ebene-Teaser
für komplette Container auf erster Ebene

4-Inner Container
Diese Container werden in einen Container erster Ebene eingefügt

5-Elemente
Diese Elemente werden in einen inner Container eingefügt