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