Заверстать страницу в проект

18 000 руб. за проект
02 декабря 2021, 16:07 • 9 откликов • 107 просмотров
В имеющуюся верстку сайта необходимо вверстать калькулятор (десктоп + мобайл). Хедер и футер уже собраны.

Описание макета:
1. https://take.ms/OHS8s — выбор категории работает как вкладки, каждая категория сменяет содержание калькулятора
2. https://take.ms/6DcgL — радиоботтом "Обучение в филиале" активирует возможность взаимодействовать с селектом выбора филиала. В зависимости от выбранного филиала отображаются соотвествующие значения https://take.ms/8JnsA
3. https://take.ms/CpiiM — каждый радиоботтом в блоке Вождение отображает соотвествующий блок:
https://take.ms/XdFJ2
https://take.ms/fc6ykH
4. https://take.ms/moGiH — к форме записи подключить скрипт отправки email письма. После успешной отправки форму необходимо скрыть и указать что заявка отправлена. К форме подключить скрытый input в случае заполнения которого форма отправится, но email письмо отправлено НЕ будет. К форме подключить валидацию полей, которая уже присутствует в верстке. Так же в верстке уже есть календарь, который необходимо подключить. К полю дата рождения написать валидацию возраста от 16 до 80 лет. Дата выдачи паспорта — подключить валидацию 50 лет. В почтовом шаблоне передать информацию из калькулятора и значения заполненных полей.
6. стоимость обучения https://take.ms/chN2D — необходимо рассчитать исходя из ранее выбранных полей. Что входит в стоимость формировать исходя из ранее выбранных полей в калькуляторе. Аналогично и внизу https://take.ms/Wbrx9
7. К блоку теоретический курс https://take.ms/e5Qu0 к выбранному окончательному значению через data параметр сделать возможность указать ссылку на оплату обучения. Кнопку "Записаться и оплатить теоретический курс" добавить сюда https://take.ms/RJsLT — она откроет сокращенную форму: Имя, телефон, email. После ее отправки форму скрыть и написать: "Вы успешно записались на обучение." Далее кнопка: "Перейти к оплате". В этой кнопке будет ссылка на ранее заполненные ссылки на оплату в data параметре.
8. https://take.ms/EjBnF — плавающий блок при скролле страницы
9. JS и CSS собрать в отдельные файлы от проекта

Требования к специалисту:
— HTML5, JavaScript, jquery;
— умение работать с GitHub
— знание nodejs

Макеты в figma


Файлы