Das Projekt Paradox Gym ist eine kompakte Übungsseite aus dem HTML5- und CSS3-Grundkurs, die den Fokus auf Layout-Grundlagen, Strukturierung und Flexbox legt.

‍

Anhand einer fiktiven Fitnessstudio-Landingpage lernen die Teilnehmer, wie sich moderne Webseiten klar gliedern und visuell ansprechend gestalten lassen – ganz ohne Frameworks.

‍

Die Seite zeigt ein typisches Werbemodul mit einem Logo, einer Headline, einem Preisangebot und einem Call-to-Action-Button („Join today“). Dabei steht weniger das Design, sondern vor allem die saubere Umsetzung der Layoutprinzipien im Vordergrund.

‍

Schwerpunkte des Projekts

• Semantischer HTML-Aufbau mit klaren Strukturen für Text, Buttons und visuelle Elemente
• Flexbox-Layout zur präzisen Ausrichtung und Zentrierung der Inhalte
• Gestaltung mit CSS3: Schriften, Farben, Abstände, Hintergründe
• Responsive Design durch flexible Container und relative Maßeinheiten
• Praxisnahes Beispiel, um den Übergang von Theorie zu realer Umsetzung zu üben

Das Projekt vermittelt den Teilnehmern die Grundlagen der modernen Layoutgestaltung und dient als erster praktischer Schritt, um ein Gefühl für sauberen Code, Flexbox-Logik und strukturiertes Webdesign zu entwickeln.