Modernste Webtechnik

Lassen Sie sich für Ihre neue Website inspirieren. Schauen Sie sich folgende Beispielseiten, Module und Gestaltungselemente an. Scrollen Sie nach unten, sie werden begeistert sein über die Möglichkeiten der modernen Webtechnologie.

Parallax Effekt

Der Parallax Effekt vermittelt dem Betrachter einen 3-D Effekt,
Betrachten Sie das Bild mit dem Mädchen. Verschieben Sie den Scrollbalken am rechten Rand und Sie sehen den 3-D Effekt. Die zwei Layer des Bildes verschieben sich mit unterschiedlichen Geschwindigkeiten.

Video/Audio

Mit Videos und Audios geben Sie Ihrer Seite das Besondere.
Betrachten Sie sich die verschiedenen Varianten.

Text Elemente

Elemente für strukturierte Textdarstellung.
Betrachten Sie die Möglichkeiten mit den neuen Elemente Tabs, Toggle und Accordion.

Diagramme

Balkendiagramme, Zähler

Video/Audio Module

Textstruktur Module

Tabs

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id malesuada nibh. Proin tincidunt viverra laoreet. Suspendisse potenti. Suspendisse nunc nisl, porttitor ac eleifend id, tincidunt eu massa. Fusce consectetur fermentum ultrices. Vivamus vitae auctor nisi, non fringilla risus. Suspendisse vel odio lorem. Suspendisse quis tempus elit.

shoreline

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.

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. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Tabs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
rowboat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id malesuada nibh. Proin tincidunt viverra laoreet. Suspendisse potenti. Suspendisse nunc nisl, porttitor ac eleifend id, tincidunt eu massa.

shoreline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Toggles

Q&A One
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Q&A Two
rowboat
vulputate eget, arcu. In enim justo, rhoncus ut.
Q&A Three
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Accordion

Q&A One
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Q&A Two
cove

vulputate eget, arcu. In enim justo, rhoncus ut.

Q&A Three
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Diagramme/Counter

  • title1 30%
  • title 2 40%
  • title 3 90%
  • title 5 60%

%

Circle Counter 1

%

Circle Counter 2

%

Counter %

Counter

You have Successfully Subscribed!