Eines meiner ersten Projekte war meine persönliche Webseite mit einer Übersicht meiner Arbeitsschwerpunkte und Web-Projekte. Die Webseite ist in zwei Sprachen verfügbar und verfügt über einklappbare Elemente, um Inhalte zu verstecken und anzuzeigen. Die Seite ist komplett responsive.
HTML, CSS, Javascript
Die einklappbaren Seitenelemente auf der Startseite waren eine Herausforderung für mich. Meine Lösung sind Javascript-Elemente, die eine Logik für das Öffnen und Schließen definieren sowie dafür, wenn ein Nutzer mehrere der Elemente gleichzeitig zu öffnen versucht.
Neben meinen ersten einklappbaren Elementen habe ich in diesem Projekt zum ersten Mal eine völlig responsive Navigationsleiste umgesetzt, die sich ab einer bestimmten Bildschirmgröße in ein Hamburger-Menü verwandelt.
← Zurück zur Projekt-Übersicht