Strona wizytówka

Ogólny opis

To kod strony typu one-page (Landing Page) dla klubu fitness "SPARTA", stworzony z użyciem HTML, CSS i JavaScript. Jego głównym celem jest przedstawienie oferty promocyjnej oraz zebranie danych kontaktowych klientów za pomocą formularza rezerwacji.

Struktura i Stylizacja (HTML/CSS)

Strona ma logiczną strukturę z kluczowymi blokami: baner promocyjny, "przyklejona" nagłówek strony, główny ekran na pełną wysokość (100vh) z tłem obrazem, formularz rezerwacji oraz informacyjna stopka.

Projekt wykonany jest w jasnej żółto-czarnej kolorystyce, kolory są zadane przez zmienne CSS dla łatwej zmiany. Strona jest w pełni responsywna dla urządzeń mobilnych, używa standardowych czcionek dla czytelności i ma płynne efekty interaktywne przy najeżdżaniu na przyciski i linki.

Interaktywność (JavaScript)

Cała funkcjonalność została zrealizowana w "czystym" JavaScript:

Mobilne menu: Responsywne menu-burger, które wysuwa się z prawej strony, z animacją i przyciemnieniem tła. Obsługuje zagnieżdżone podmenu, które rozwijają się po kliknięciu.

Interfejs: Użytkownik może zamknąć górny baner promocyjny.

Obsługa formularza: Formularz rezerwacji wysyła dane na email za pomocą zewnętrznego serwisu FormSubmit.co, który nie wymaga własnego backendu. Po pomyślnym wysłaniu użytkownik automatycznie przekierowywany jest na stronę podziękowania (thank-you.html).