Unzählige Elemente
Unbegrenzte Möglichkeiten
Ob Entwickler, Marketing Manager, SEO Spezialist oder fürs eigene Projekt – auch ohne HTML Kenntnisse können alle Elemente ganz einfach angepasst und kombiniert werden.
Typografie
H1 - Überschrift 1
Standard Fließtext: Geeignet für beschreibende Texte. Hyperlinks sind unterstrichen. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet.
H1 - Überschrift 1
H2 - Überschrift 2
Hervorgehobener Text: Geeignet für die Einleitung eines Textes, oder eine hervorgehobene Passage innerhalb eines Paragraphen. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
Standard Fließtext: Geeignet für beschreibende Texte. Hyperlinks sind unterstrichen. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet.
Standard Aufzählung
H2 - Überschrift 2
- Standard Aufzählungen
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum Links
- Standard Aufzählung
- Standard Aufzählung
Buttons Invertiert
Bilder
mit Untertitel-Varianten
Bilduntertitel Hervorgehoben
als Text Element
Bilduntertitel
als Text Element
Bilduntertitel
als Text Element
Bilduntertitel
als Text Element
Bilduntertitel
als Text Element
MP4, Youtube, Vimeo
Videos
Farben
Farbpalette
$color-white
$color-brand-light
$color-brand
$color-brand-dark
$color-success
$color-error
$color-silv-light
$color-silv-mid
$color-silv-dark
$color-grey-light
$color-grey-mid
$color-grey-dark
News
News Variante 1
Führung durch die Energiezentrale
Am 21. November erhielten wir von Herrn Egle (Green Hydrogen Esslingen) eine exklusive Führung durch die Energiezentrale der Neuen Weststadt.
Auf dem ehemaligen Güterbahnhofsgelände wird das nachhaltige Vorzeigequartier „Neue Weststadt – Klimaquartier“ mit ca. 480 Wohnungen, Büro- und Gewerbeflächen sowie einem Neubau der Hochschule Esslingen realisiert.
Beeindruckend war vor allem der Elektrolyseur - das Kernstück des technologisch innovativen und nahezu klimaneutralen Stadtquartiers.
Anschließend lieferte uns Frau Dr. Walther (Stabstelle für Nachhaltigkeit & Klimaschutz) im „Info Space“ auf dem Bahnhofsvorplatz noch weitere Informationen zum Projekt.
Bild: Quelle Maximilian Kamps, Agentur Blumberg GmbH
Führung durch die Sonderausstellung
Stadtmuseum im Gelben Haus
Am 25. Oktober waren wir zu Gast im Stadtmuseum Esslingen und erhielten eine exklusive Führung von Austellungsskurator Kai Engelmann.
Kneipen und Wirtshäuser sind Orte der Geselligkeit - wobei es hier um weit mehr als Trinken und Essen geht. Ein Wirtshaus ist ein sozialer Treffpunkt, an dem Geselligkeit und Privatheit gleichzeitig möglich ist.
Wir erhielten einen Überblick über Kneipen und Wirtshäuser vom Mittelalter bis heute. Darüber hinaus wirft die Ausstellung auch einen Blick auf das aktuelle Kneipensterben und wirbt für den Erhalt der Esslinger Wirtshaus- und Kneipenkultur.
Bei einem anschließenden gemeinsamen Abendessen konnten alle Teilnehmer ihr neu erworbenes Wissen in die Praxis umsetzen.
Azubi-Knigge Seminar
Im Berufsleben geht es heutzutage nicht nur um fachliche Kompetenz, sondern auch darum, sich in Situationen angemessen zu verhalten. Hierbei spielen sicheres Auftreten, ein souveräner und respektvoller Umgang mit den Mitmenschen und ein entsprechendes Outfit eine große Rolle.
Beim Azubi-Knigge Seminar haben 5 Auszubildende aus unterschiedlichen Branchen viele hilfreiche Tipps und Tricks mitnehmen können.
Vielen Dank an unsere Trainerin Frau Susanne Baral.
Business Frühstück bei Westlake Esslingen
bei Westlake Esslingen GmbH
Am 20. Oktober waren wir zu Gast bei dem Chemiebetrieb Westlake. Der Standort produziert und vertreibt weltweit Epoxidharzkomponenten für unterschiedliche Industriezweige. Hierzu zählen hauptsächlich die Windkraft-, Flugzeug-, Leichtbau- und Klebstoffindustrie. Weiterhin befindet sich in der Fritz-Müller-Str. die Entwicklungsabteilung für die Windindustrieprodukte des gesamten Westlake-Konzerns.
Nachdem alle Teilnehmenden mit entsprechender Schutzausrüstung ausgestattet wurden, konnten wir bei einem Rundgang interessante Einblicke erhalten. Vielen Dank an Daniel Leitz und seinem Team für die Führungen und die Vorstellung des Unternehmens.
SiNN Summer Network
Willkommen auf der neuen Homepage von SiNN - Standortinitiative Neue NeckarWiesen und Sirnau.
Auf dieser Seite werden Sie zukünftig Informationen und Beitrage über Aktionen und Events von SiNN finden.
Business Frühstück bei Gebrüder Weiss GmbH
Willkommen auf der neuen Homepage von SiNN - Standortinitiative Neue NeckarWiesen und Sirnau.
Auf dieser Seite werden Sie zukünftig Informationen und Beitrage über Aktionen und Events von SiNN finden.
News
News Variante 2
Aktuelles
News
News Variante 3
Hero
Hero Inline & Hero Fullwidth
Hero Inline
Text mittig ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt
Typografie
Text unten zentriert
Abgedunkelter Hintergrund: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Hero Fullwidth
Text unten ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig links
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig zentriert
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig rechts
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Slider Inline
Hero Inline & Hero Fullwidth
Typografie
Text Mittig
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text unten ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig links
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig zentriert
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig rechts
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Slider Fullwidth
Text Mittig
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text unten ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Primäre Aktion Sekundäre Aktion
Typografie
Text mittig links
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig zentriert
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig rechts
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Grid Variante 1
Überschrift 2
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 2
Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 2
Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 2
Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 3
Verlinktes Bild mit Überschrift und Untertitel
Überschrift 3
Lorem ipsum dolor sit amet ut labore et dolore magna aliquyam erat
Überschrift 3
Lorem ipsum dolor sit amet ut labore et dolore magna aliquyam erat
Grid Variante 2
mit erweiterter Breite
Grid Variante 3
ohne Spalten Abstand
Bildunterschrift
als Text Element
Bildunterschrift
als Text Element
Bildunterschrift
als Text Element
Bild Grid
H1 - Überschrift 1
Standard Fließtext: Geeignet für beschreibende Texte. Hyperlinks sind unterstrichen. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Grid Slider
Normale und erweiterte Breite
Cards
Varianten: Default, Icon, Background
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3 zweizeilig
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3 zweizeilig
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Fakten
Überschrift 2
Fakten
Überschrift 2
Fakten
Überschrift 2
Features
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Features Hintergrund
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Maps
Maps mit Standort
Formular
Formular mit Bestätigung
Logo Galerie
Akkordeon
Akkordeon / FAQ
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.
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.
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.
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.
Headline 1
Headline 2
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.
Login Formular
Mitglieder Login
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Unbegrenzte Möglichkeiten
Unzählige weitere Elemente
Diese und unzählige weitere Elemente gibt's in der Element Übersicht. Ob Entwickler, Marketing Manager, SEO Spezialist oder fürs eigene Projekt – auch ohne HTML Kenntnisse können alle Elemente ganz einfach angepasst und kombiniert werden.