Вёрстка сайтов — удалённая работа в Москве

Сверстать: портал. Платформа: MODx. Вёрстка: адаптивная. Есть макет. Дизайн проект в FIGMA: https://www.figma.com/file/iGuIRgXKXe7FQr0YXOJ7lv/%D0%92%D1%81%D0%B5-%D0%BC%D0%B0%D0%BA%D0%B5%D1%82%D1%8B?node-id=324%3A2 1. Меню – Закрепляется при скроле вниз. 2. Кнопка «Заказать звонок» в шапке вызывает всплывающее окно «pop-up форма обратный звонок». 3. Кнопка «Купить систему» вызывает всплывающее окно «Pop-up форма заказа» 4. Доступные звуки Имеются 2 вида звуков, это «THOR» и «THOR EV» у каждого вида, свои звуки: у «THOR» звуки автомобилей, а у «THOR EV» электронные звучания, пример можно увидеть здесь: https://thor-tuning.com/index-test.html#renew при нажатии меняется оранжевый цвет на голубой. У картинки звука «THOR EV» должна быть голубой угол с надписью EV. 3 вида пометки уголков: NEW – оранжевый SOON – оранжевый EV – голубой При нажатии на карточку открывается всплывающее окно с картинкой или видео. ВАЖНО! Загрузка содержимого, должна происходить после нажатия на карточку звука. 5. Выберите устройство Два кликабельных поля для выбора комплекта с одной или двумя колонками, при нажатии открывается стоимость и форма для заказа. Цена: для между народной версии нужна опция выбора валюты $ или € в соответствии с выбором меняется стоимость к оплате (как это работает, можно посмотреть тут https://thor-tuning.com/#order). Форма: нужно чтобы было форма заполнялась максимально подробно. ФИО – обязательное для заполнения; Телефон - обязательное для заполнения, начало с + (плюса); Email - заполнялось в виде [Email скрыт]; Cписок стран - обязательный для выбора; Город и регион - обязательное для заполнения; Индекс - обязательное для заполнения; Адрес - обязательное для заполнения; Комментарий – не обязательны для заполнения; Политика конфиденциальности – обязательно поставить чек бокс (по умолчанию чтобы стоял). При нажатии на кнопку «Оплатить» желательно чтобы в этом же поле появилась форма оплаты, и чтобы работало через api, вот документация https://docs.fondy.eu/ru/ Для международной версии нужно добавить выбор способа оплаты (примерно, как сейчас https://thor-tuning.com/#order ) у нас всего 2 способа, это сервис Fondy и PayPal. 6. Видео Видео должны листаться автоматически с интервалом 6 сек, при наведении курсора, останавливаться, а при нажатии на play воспроизводится видео с youtube а автоматическое листание останавливаться. Если листать в сторону, то видео, которое воспроизводилось встает на паузу. Эти слайды должны листаться автоматически с интервалом 6 сек, при наведении курсора, останавливаться. При нажатии на некоторые картинки с кнопкой play открывается всплывающее окно с видео youtube. Кнопка «Открыть и скачать инструкцию» ведет на открытие PDF файла в новой вкладке браузера. 8. Примеры работ Каждый пост открывается во всплывающем окне. ВАЖНО! Загрузка содержимого, должна происходить после нажатия кнопки «Читать далее». 9. О системе Кнопка «Заказать систему» ведет на всплывающее окно «Pop-up форма заказа» 10. Установка системы По нажатию на картинку, открывается всплывающее окно с видео youtube. 11. Всплывающее окно «Показать все города» 12. Карта – в карточку компании если вписываешь координаты, то она появляется на карте. 13. Кнопка «Задать вопрос» - открывает всплывающее окно с формой обратной связи.