Button V1

Buttons V2

Buttons

  • Buttons gibt es in ausgefüllter oder umrandeter Variante
  • Farben richten sich nach den CI-Farben
  • Buttons können verschieden angeordnet werden (rechts mittig, links oder 100% breit)

Standard Karte

...
Überschrift

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.

Link

Modifizierte Karte

...
Überschrift

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.

  • 1
  • 2
  • 3

Zitat

Zitat

Wer noch nie einen Fehler gemacht hat, hat sich noch nie an etwas Neuem versucht.

Albert Einstein

Card

  • Standard Karte
  • modifizierte Karte
  • Zitat

Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.
Some placeholder content for the second collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.

Collapse

  • ausaklappbares Element

Dropdown

  • Dropdown in verschiedenen Farben
  • Dropdownbutton kann in 2 Teile geteilt werden, Button und Dropdown

Offcanvas
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.
Offcanvas
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.
Offcanvas
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.
Offcanvas
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.

Offcanvas

  • klappt ein Element aus und verdunkelt die retstliche Seite
  • kann nach bedarf befüllt werden

Popup

  • Element welches über der seite liegt
  • kann nach bedarf befüllt werden

Pagination

  • kann nach Wunsch angepasst werden (icons)

Popover

  • Kann in alle 4 Richtungen ausgeklappt werden

Tooltip

  • Kann beliebig befüllt werden, aber kann nicht erreicht werden (unbrauchbar für Buttons oder Links)

Gallerie

  • Kann in verbindung mit dem Slider verwendet werden
  • Es können auch hier wieder die Thumbnails angezeigt werden

Icons

Bitte ausfüllen.
Bitte ausfüllen.
Bitte ausfüllen.
Bitte ausfüllen.
Bitte ausfüllen.
Bitte ausfüllen.
Bitte ausfüllen.
Bitte ausfüllen.

Formular

  • Normales Formular
  • Range Slider sind möglich
  • Multiselect sind auch möglich

Überschrift

Überschrift

Überschrift

Überschrift

Überschrift
Überschrift

Überschrfiten

  • verschiedene Größen
  • verschiedene Farben

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.

farbiger Hintergrund

Parallax Effekt

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.

farbiger Hintergrund auf voller breite

Kontakt Bereich

Sie erreichen uns von Montag bis Freitag zwischen 8 und 16 Uhr über unsere kostenfreie Hotline.

...

Gern können Sie auch unsere Anfrage-Formular nutzen um uns eine Nachricht zu senden.

Bitte Ihren Vornamen angeben.
Bitte Ihren Nachnamen angeben.
Bitte Ihre gültige E-Mail-Adresse eingeben.
Bitte unsere Datenschutzerklärung akzeptieren.