Erstellen eine Webseite -- 2

Für eine Aufgabe in der Uni:
Erstellen Sie eine Webpräsenz zu einem selbstgewählten Thema.

Verwenden Sie Texte und Grafiken. Leertexte sind nicht erlaubt.
Stellen Sie genügend Material zur Verfügung, so daß die Techniken sinnvoll angewandt werden können.
Das HTML-Dokument enthält eine Tabelle und ein Formular.

Folgende Punkte sind abzuarbeiten:

Die HTML Datei ist syntaktisch und semantisch korrekt und möglichst barrierefrei.
Alle Dateien sind schmal und mögliche Redundanzen sind ausgemerzt
Die Styles werden über scss Dateien erarbeitet
Als Organisationsform wird ITCSS, SMACSS oder OOCSS gewählt.
Die HTML Datei ist funktional und responsive mit einem Minimum von Media Queries.
Wenn möglich werden hier intrinsische Techniken verwendet.
Es werden mindestens ein Container Query und ein weiteres Query, welches sich nicht auf die Auflösung bezieht angewandt.
In den scss Dateien werden eigene mixeins, Module und Kontrollstrukturen erarbeitet.
Es sind zwei verschiedene Animationen einzuarbeiten, eine davon mit JavaScript.
Für diese gilt, best practices sind einzuhalten und angewandte Techniken sind aktuell.
Für Formulareingaben erhält der Anwender spezifische Erfolgs- bzw. Miserfolgsmeldungen als neue DOM Elemente.