Basic Content — 27 Varianten · acf/basic-content
Spalten, Ausrichtung, Füllung und jedes Inhalts-Layout der Spalten (Text, Link, Bild, Medium, Slider, Accordion, Formular, Punkte, CTA).
Alle Blöcke
Basic Content 1/27 · Einspaltig, linkscolumns: one
Einspaltig, links ausgerichtet
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 2/27 · Einspaltig, zentriertcolumns: one
Einspaltig, zentriert
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 3/27 · Einspaltig, rechtscolumns: one
Einspaltig, rechts
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 4/27 · Zwei Spalten, oben bündigcolumns: two · vertical_alignment: top
Text neben einem Bild
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 5/27 · Zwei Spalten, mittigcolumns: two · vertical_alignment: center
Vertikal mittig
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 6/27 · Zwei Spalten, unten bündigcolumns: two · vertical_alignment: bottom
Vertikal unten
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 7/27 · Zwei Spalten, getauschtcolumns: two · swap_columns: 1 · vertical_alignment: center
Spalten getauscht
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 8/27 · Zwei Spalten, eingefärbtcolumns: two · columns_filled: 1
Erste Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Zweite Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Basic Content 9/27 · Drei Spaltencolumns: three
Erste Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Zweite Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Dritte Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Basic Content 10/27 · Drei Spalten, eingefärbt, zentriertcolumns: three · columns_filled: 1
Erste Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Zweite Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Dritte Spalte
Kurzer Text in dieser Spalte, zwei Zeilen lang.
Basic Content 11/27 · Label links mit Trennliniecolumns: label · top_rule: 1
Herausforderung & Lösung
Ein Kapitel mit Label daneben
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Ein zweiter Absatz mit weiteren Details zum Kapitel.
Basic Content 12/27 · Label links, Liste und nummeriertes Accordioncolumns: label · top_rule: 1
Was wir machen
Design. Code. Und alles dazwischen.
Je nach Bedarf übernehmen wir das ganze Projekt oder nur einzelne Abschnitte.
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Nach einem ersten Gespräch erhalten Sie ein Angebot. Danach planen wir gemeinsam die nächsten Schritte.
Das hängt vom Umfang ab — meist zwischen vier und zwölf Wochen.
Basic Content 13/27 · Label links, Punkte und CTAcolumns: label · top_rule: 1
Vorher & nachher
Was sich geändert hat
- Erster Punkt in wenigen Worten
-
Vorher: Zweiter Punkt, so wie er früher warJetzt: Zweiter Punkt, so wie er jetzt ist - Dritter Punkt in wenigen Worten
- Vierter Punkt in der zweiten Reihe
Ein Satz, der zum nächsten Schritt einlädt, und ein zweiter, der ihn leicht macht.
Basic Content 14/27 · Label links, nummerierte Kartencolumns: label · top_rule: 1
Arbeitsweise
Wie dein Projekt entsteht
Wir sind ein kleines Team mit einem großen Netzwerk. Du sprichst direkt mit den Menschen, die dein Projekt umsetzen. Bei Bedarf holen wir passende Fachleute aus unserem Netzwerk dazu. Jedes Projekt folgt einem klaren Ablauf. So weißt du von Anfang an, was als Nächstes passiert und wann du gefragt bist.
-
Verstehen
Wir lernen dein Unternehmen, deine Ziele und deine bestehenden Abläufe kennen.
-
Konzipieren
Wir entwickeln Struktur, Design und technische Lösung und stimmen sie mit dir ab.
-
Umsetzen
Wir bauen, testen und binden bestehende Systeme ein. Du siehst Zwischenstände und gibst Feedback.
-
Begleiten
Nach dem Launch bleiben wir Ansprechpartner für Wartung, Weiterentwicklung und neue Ideen.
Basic Content 15/27 · Nummerierte Karten auf Navycolumns: label · background_color: primary
Auf Navy
-
Verstehen
Wir lernen dein Unternehmen, deine Ziele und deine bestehenden Abläufe kennen.
-
Konzipieren
Wir entwickeln Struktur, Design und technische Lösung und stimmen sie mit dir ab.
Basic Content 16/27 · Alle Link- und Button-Stilecolumns: two
Basic Content 17/27 · Medium: Bildcolumns: one
Basic Content 18/27 · Medium: Bildstreifencolumns: one
Basic Content 19/27 · Medium: Bildpaar schmal–breitcolumns: one
Basic Content 20/27 · Medium: eingebettetes Videocolumns: one
Video über die volle Breite
Basic Content 21/27 · Medium: hochgeladenes Videocolumns: one
Basic Content 22/27 · Medium: iFramecolumns: one
Basic Content 23/27 · Slider neben Textcolumns: two · vertical_alignment: center
Text neben einem Slider
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 24/27 · Formular neben Textcolumns: two
Text neben einem Formular
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 25/27 · Auf Graucolumns: two · vertical_alignment: center · background_color: sand
Auf grauem Grund
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 26/27 · Auf Navycolumns: two · vertical_alignment: center · background_color: primary
Helle Schrift auf Navy
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.
Basic Content 27/27 · Label links auf Navycolumns: label · top_rule: 1 · background_color: primary
Auf Navy
Kapitel auf dunklem Grund
- Erster Punkt
-
Vorher: Zweiter Punkt früherJetzt: Zweiter Punkt jetzt - Dritter Punkt