Premium Landing z interaktywnym kalkulatorem JS Luksusowy Samochód
Stworzono nowoczesną, szybką i responsywną stronę docelową dla studia elitnego autodetailingu.
Jakie technologie i umiejętności zostały zaprezentowane w projekcie:
1. Czysta struktura (HTML5 / CSS3): Semantyczny kod, użycie Google Fonts (Montserrat), płynne animacje Hover dla przycisków i kart usług.
2. Programowanie webowe (Vanilla JavaScript): Napisano interaktywny kalkulator kosztów usług. Obliczenia są natychmiast aktualizowane "w locie" przy zmianie typu nadwozia samochodu lub wyborze dodatkowych usług (bez przeładowania strony).
3. Formularz kontaktowy: Stworzono interaktywny formularz rejestracji na serwis z walidacją danych po stronie front-end oraz zmianą statusów przycisku ("Wysyłanie...", "Pomyślnie zapisano!").
4. Adaptacja do urządzeń mobilnych: Strona została zoptymalizowana pod kątem różnych ekranów (komputery stacjonarne, tablety, smartfony).
Projekt jest w pełni gotowy do dalszej integracji z CMS lub systemami płatności (LiqPay/WayForPay).
Jakie technologie i umiejętności zostały zaprezentowane w projekcie:
1. Czysta struktura (HTML5 / CSS3): Semantyczny kod, użycie Google Fonts (Montserrat), płynne animacje Hover dla przycisków i kart usług.
2. Programowanie webowe (Vanilla JavaScript): Napisano interaktywny kalkulator kosztów usług. Obliczenia są natychmiast aktualizowane "w locie" przy zmianie typu nadwozia samochodu lub wyborze dodatkowych usług (bez przeładowania strony).
3. Formularz kontaktowy: Stworzono interaktywny formularz rejestracji na serwis z walidacją danych po stronie front-end oraz zmianą statusów przycisku ("Wysyłanie...", "Pomyślnie zapisano!").
4. Adaptacja do urządzeń mobilnych: Strona została zoptymalizowana pod kątem różnych ekranów (komputery stacjonarne, tablety, smartfony).
Projekt jest w pełni gotowy do dalszej integracji z CMS lub systemami płatności (LiqPay/WayForPay).