Coast — Szablon wielostronicowy hotelu (SASS/JS)

Responsywne kodowanie wielostronicowej witryny dla luksusowego kurortu i hotelu Coast. Projekt został zrealizowany na podstawie szablonu graficznego Figma z dokładnym zachowaniem wszelkich proporcji, krojów pisma oraz układu elementów.

ZAKRES WYKONANYCH PRAC:

- Kodowanie stron: Stworzenie semantycznej struktury witryny wielostronicowej w standardzie HTML5. Na podglądzie przedstawiono stronę główną w wersji na komputery oraz urządzenia mobilne.

- Stylizacja: Napisanie czystego i skalowalnego kodu CSS przy użyciu preprocesora SASS (SCSS). Architektura stylów została uporządkowana pod kątem łatwego utrzymania projektu w przyszłości.

- Responsywność i kompatybilność: Interfejs płynnie dostosowuje się do ekranów o dowolnej rozdzielczości (od telefonów komórkowych po monitory panoramiczne) oraz wyświetla się prawidłowo we wszystkich nowoczesnych przeglądarkach.

- Elementy interaktywne: Integracja sliderów dla głównego banera oraz sekcji opinii, wdrożenie responsywnego hamburger menu dla urządzeń mobilnych, interaktywnych galerii i formularzy kontaktowych w czystym języku JavaScript.


WYKORZYSTANE TECHNOLOGIE:

- HTML5, semantyczna struktura kodu

- CSS3, preprocesor SASS (SCSS)

- JavaScript (animacje, slidery, menu)

- Figma (praca z makietą i eksport grafiki)


Projekt został zrealizowany w celu prezentacji praktycznych umiejętności z zakresu wielostronicowego kodowania, strukturyzacji kodu CSS przy użyciu preprocesorów oraz tworzenia responsywnych interfejsów użytkownika.

Aktywny link do projektu znajduje się w sekcji „Szczegóły pracy” (lub przejdź do linku tutaj: https://slavaslavav.github.io/hotel-site/dist/index.html).

#html5 #css #sass #scss #javascript #responsive #layout