- Erstelle einen Layout, der so wie auf dem Bild ausehen darf.
-
Zuerst eine Mobile Version dann für anderen Bildschirme anpassen.
-
In
Mobile Version max-width: 800px
soll das Menü sich zum Hamburger-Button ändern und aufklapbar mitcheckbox
und:checked
sein. Bei Desktop Version sollen 4 Navigationen auf einer Linie zu sehen sein. -
In der Desktop Version soll oben eine weiße Kopfzeile sein die keine position:
fixed
hat. -
Erst beim scrollen soll nur mit ein
ScrollToTop
Button (nur mitCSS kein JS
) erscheinen und erst wieder transparent auf der Startseite werden. Finde Passende Farben und Hintergrundbild. Damit hst du die Startseite fertig.