Title: Webdesign
Course: E-Design - Webprojekte

Einführung zu Webseiten

HTML Coding

CSS

CSS Animationen

Projekt!

Ihre beiden guten Bekannten und werden bald heiraten! Indem die beiden wissen, dass Sie Erfahrungen im Webdesign haben, haben sie Sie gebeten, eine kleine one-page-Webseite für die Hochzeit zu erstellen. Diese Daten haben Sie bekommen:
- Die Hochzeit findet am in statt.
- Der Zeitplan sieht wie folgt aus:
  - 14:00 Welcome-Drinks und get-together im Gasthaus
  - 15:00 gemeinsamer Spaziergang zur Kirche
  - 15:30 Zeremonie in der St.Ruprechts-Kirche
  - ab 18:00 Hochzeitsfeier im Gasthaus
- Ihre Bekannten wünschen sich eine schlichte Webseite mit diesen beiden dominanten Farben: und
- Die Webseite soll einen Anfahrtsplan enthalten
- Auch der Menüplan für die Hochzeitsfeier soll ersichtlich sein (Seien Sie kreativ :-) )
- Um Reservierung wird gebeten. Die Gäste können ihr kommen mithilfe eines Formulars (Name, Emailadresse + Name und Emailadresse einer Begleitperson) ihr Kommen bestätigen. In diesem Formular können Sie auch aus dem Menü aus drei Optionen wählen.

Erstellen Sie eine einzelne HTML-Seite, die das nötige CSS für eine korrekte Darstellung auch auf mobilen Endgeräten enthält. Orientieren Sie sich an der Seite, die Sie im Rahmen der Aufgabe "semantische HTML-Elemente" erstellt haben und strukturieren Sie Ihre Seite mit <header>, <main>, <aside>, <footer>, etc. Nutzen Sie für das Layout flexbox.

JavaScript

JQuery