Skip to content

bsgribtmfu/lifetour

Repository files navigation

Общие технические требования

  1. Стандарты вёрстки: HTML5, CSS3, SASS, BEM.
  2. Сетка: определена в макете.
  3. Раскладка блоков на странице делается с помощью флексбоксов и гридов.
  4. Адаптивная вёрстка. Мобильная планшетная десктопная версии (резина). Desctop First.
  5. Используемые фреймворки: imask.js, swiper.js. Подключены локально.
  6. Используемый препроцессор: Sass (SCSS).
  7. Кроссбраузерность: Chrome, Firefox, Safari.
  8. Нестандартные шрифты подключены локально.
  9. Используемый инструмент автоматизации Gulp.
  10. Модульная разработка JavaScript.

Пояснения к проекту

  1. Блоки "Ближайшие туры", "Наши инструкторы", "Отзывы", "Фотогалерея" — слайдеры. 1.1. Для слайдера "Близжайшие туры" был разработан собственный скрипт. 1.2. Слайдеры "Наши инструкторы", "Отзывы" функциорнируют с помощью плагина swiper.js 1.3. Слайдер "Фотогалерея" реализован без использования js.

  2. Скрипт lastslide.js реализует поиск и изменение фона элементов в слайдере которые не вмещаются во вью-порт.

  3. Брейкпоинты:

  • мобильная версия [320px - 767px],
  • планшетная версия [768px - 1023px],
  • десктопная версия [1024px+]