Задача

Сделать адаптивную верстку с анимацией лендинга Coiffance по макету Figma. Страница содержит несколько видео, форму обратной связи в модальном окне, стандартный слайдер, а также нестандартный слайдер, который имеет вкладки по категориям, то есть фактически содержит в себе 5 слайдеров.

Срок выполнения работ - 7 дней.

Что сделано

Выполнена адаптивная, кроссбраузерная html/css/js верстка.

Проведено тестирование для различных разрешений (десктоп, планшет, смартфон) и для всех современных браузеров.

С помощью плагина Swiper реализована работа слайдеров.

Реализованы механизмы работы вкладок (табов) совместно с работой слайдера.

Реализована работа модальных окон.

Настроены маски ввода полей формы, а также выполнена валидация полей формы.

Выполнена анимация элементов лендинга.

Какие технологии исползованы

HTML/CSS/Javascript

Сайт написан на HTML/CSS без использования конструкторов и фреймворков. Для ускорения работы использовались технологии gulp/scss.

Для реализации слайдера подключен и настроен плагин Swiper.

Для реализации масок ввода полей формы подключен и настроен плагин Inputmask.

Для валидации полей формы подключен и настроен плагин Just-validate.

Посмотреть сайт

Контакты

Напишите мне, или свяжитесь любым удобным для Вас способом.