Заверстать страницу в проект
18 000 руб. за проект
В имеющуюся верстку сайта необходимо вверстать калькулятор (десктоп + мобайл). Хедер и футер уже собраны.
Описание макета:
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
Описание макета:
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
- Файлы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.