Monoteka

Посмотреть страницу можно тут

Задание:

• Создать страницу магазина по макету из Photoshop.
• Придумать и реализовать hover-effect.
• Придумать и реализовать анимацию на раскрытие блоков: "каталог", "поиск", "мобильное меню".
• Реализовать адаптивную версию под планшеты и смартфоны.

В работе использованы:

• Pug
• Sass
• Сборка - Gulp
• jQuery
• Плагины:
  • Слайдер
  • Скролл названий табов в мобильной версии
  • Запрет скролла при открытом меню

Реализованы:

• Два слайдера.
• Раскрытие каталога при ховере на кнопку.
• Раскрытие поиска и показан пример подсказок по подходящим категориям.
• Вкладки (табы).
• Мобильное меню.
• Скролл вкладок на смартфонах.
• Все hover-effect.