Coast — Верстка багатосторінкового сайту готелю (SASS/JS)
Адаптивна верстка багатосторінкового сайту-візитки для преміального туристичного курорту та готелю Coast. Проект виконано на основі графічного макету Figma з точним дотриманням усіх пропорцій, шрифтів та розташування елементів.
ЩО БУЛО ЗРОБЛЕНО:
- Верстка сторінок: Створення структури багатосторінкового сайту на HTML5. На прев'ю представлена головна сторінка з десктопною та мобільною версіями.
- Стилізація: Написання чистого та масштабованого CSS-коду з використанням препроцесора SASS (SCSS). Архітектура стилів організована для зручної підтримки проекту.
- Адаптивність та кросбраузерність: Інтерфейс коректно підлаштовується під екрани будь-яких розмірів (від мобільних телефонів до широкоформатних моніторів) та правильно відображається в усіх сучасних браузерах.
- Інтерактивні елементи: Інтеграція слайдерів для головного банера та блоку відгуків, реалізація адаптивного гамбургер-меню для мобільних пристроїв, інтерактивних галерей та форм зворотного зв'язку на чистому JavaScript.
ВИКОРИСТАНИЙ СТЕК:
- HTML5, семантична розмітка
- CSS3 / SASS (SCSS)
- JavaScript (анімації, слайдери, меню)
- Figma (робота з макетом та експорт графіки)
Проект розроблений як демонстрація навичок якісної багатосторінкової верстки, роботи з CSS-препроцесорами та створення адаптивних інтерфейсів.
Живе посилання на проект — у блоці «Деталі роботи» (або перейдіть за посиланням тут: https://slavaslavav.github.io/hotel-site/dist/index.html).
#html5 #css #sass #scss #javascript #responsive #layout
ЩО БУЛО ЗРОБЛЕНО:
- Верстка сторінок: Створення структури багатосторінкового сайту на HTML5. На прев'ю представлена головна сторінка з десктопною та мобільною версіями.
- Стилізація: Написання чистого та масштабованого CSS-коду з використанням препроцесора SASS (SCSS). Архітектура стилів організована для зручної підтримки проекту.
- Адаптивність та кросбраузерність: Інтерфейс коректно підлаштовується під екрани будь-яких розмірів (від мобільних телефонів до широкоформатних моніторів) та правильно відображається в усіх сучасних браузерах.
- Інтерактивні елементи: Інтеграція слайдерів для головного банера та блоку відгуків, реалізація адаптивного гамбургер-меню для мобільних пристроїв, інтерактивних галерей та форм зворотного зв'язку на чистому JavaScript.
ВИКОРИСТАНИЙ СТЕК:
- HTML5, семантична розмітка
- CSS3 / SASS (SCSS)
- JavaScript (анімації, слайдери, меню)
- Figma (робота з макетом та експорт графіки)
Проект розроблений як демонстрація навичок якісної багатосторінкової верстки, роботи з CSS-препроцесорами та створення адаптивних інтерфейсів.
Живе посилання на проект — у блоці «Деталі роботи» (або перейдіть за посиланням тут: https://slavaslavav.github.io/hotel-site/dist/index.html).
#html5 #css #sass #scss #javascript #responsive #layout