- Стандарты вёрстки: HTML5, CSS3, SASS, BEM.
- Сетка: определена в макете.
- Раскладка блоков на странице делается с помощью флексбоксов и гридов.
- Адаптивная вёрстка. Мобильная планшетная десктопная версии (резина). Desctop First.
- Используемые фреймворки: imask.js, swiper.js. Подключены локально.
- Используемый препроцессор: Sass (SCSS).
- Кроссбраузерность: Chrome, Firefox, Safari.
- Нестандартные шрифты подключены локально.
- Используемый инструмент автоматизации Gulp.
- Модульная разработка JavaScript.
-
Блоки "Ближайшие туры", "Наши инструкторы", "Отзывы", "Фотогалерея" — слайдеры. 1.1. Для слайдера "Близжайшие туры" был разработан собственный скрипт. 1.2. Слайдеры "Наши инструкторы", "Отзывы" функциорнируют с помощью плагина swiper.js 1.3. Слайдер "Фотогалерея" реализован без использования js.
-
Скрипт lastslide.js реализует поиск и изменение фона элементов в слайдере которые не вмещаются во вью-порт.
-
Брейкпоинты:
- мобильная версия [320px - 767px],
- планшетная версия [768px - 1023px],
- десктопная версия [1024px+]