Задача была ясна: создать многостраничный сайт зоосада "PrettyPaw" с отличительной "фишкой", цепляющей взгляд посетителей.
Решение было следующим:
1. По готовому и утвержденному макету сверстать сайт на HTML с препроцессором Sass.
2. Использовать библиотеку Swiper Slider JS для инициализации слайдера на главной странице и в подвале шаблона для всех страниц.
3. Использовать библиотеку Navigo JS для перехода по страницам сайта без перезагрузки.
4. С помощью JavaScript реализовать мобильное меню и подсветку активных страниц сайта.
5. На главной странице вместо фотографии или картинки в качестве баннера установить фоновое видео.
6. Также на главной странице сайта оформить секцию с блоками краткого описания видов животных, при наведении на которые происходит смена фонового видео в секции.
7. Использовать сборщик модулей Webpack.
В результате получился отличный сайт без лишней информации и отвлекающих моментов. Смена фонового видео и оказалось той самой отличительной "фишкой" сайта зоосада.