Задача
Необходимо сверстать приложение со слайдами в соответствии с приложенным демо-роликом. Приложение будет тестироваться в Chrome в режиме совместимости с iPad (1024x768).
- Перемещение между слайдами - через горизонтальный свайп
- Нажатие на домик ведет на первый слайд
Технологии
Если вы можете использовать любую из них, то мы это только приветствуем.
- - Gulp
- - nodejs
- - Webpack
- - postCSS
- - babel(es6,es7,es8)
- - Vanilla JS
- - Jade/Pug
- - BEM
- - Git
- - React/Preact
Ограничения
Использование сторонних библиотек запрещено - jQuery, fullpagescroll, Swiper, и т.п. Мы хотим видеть, как вы пишете нативный код. Также мы крайне приветствуем любой форматтер кода (к примеру, Prettier) и будем благодарны, если вы оформите свой код красиво и аккуратно.
В качестве готового результата мы ждем ссылку на репозиторий на github.com, где есть исходные файлы проекта, а также сбилженная версия (либо простой способ забилдить проект).
Макет
Исходник у нас только в формате Photoshop, т.к. нам нужно увидеть ваши навыки работы с PS.
Для того, чтобы посмотреть все состояния слайда, необходимо открыть окно Layer Comps (Композиции слоев.) Подробнее про это можно почитать на сайте Адоба.
Отсюда можно скачать сам макет