Архив: Подредактировать калькулятор в html коде (код есть)

Бюджет 17$ / 1000
руб
в месяц
Создан: 7 лет назад
Закрыт
Описание
Подредактировать калькулятор в html коде (код есть). Необходимо из кода сделать несколько слайдов. И привязать к форме контактов – оповещение на почту.

код: 

<div id="7" class="calculator contant-section w-hidden-tiny">
    <div class="steps-container">
      <div class="mini sub-text">Рассчитайте стоимость бегущей стоки</div>
      <div class="text-block-2">Заполните форму, что бы узнать стоимость</div>
      <div class="div-block-9">
        <div class="step-dot">
          <div class="grey-cover"></div>
        </div>
        <div class="step-dot">
          <div class="grey-cover-two"></div>
        </div>
        <div class="step-dot">
          <div class="grey-cover-three"></div>
        </div>
      </div>
    </div>
    <div class="form-wrapper">
      <div class="form-wrapper w-form">
        <form id="wf-form--4" name="wf-form-" data-name="Калькулятор" class="form">
          <div class="page-one">
            <div class="faq-title">Укажите размер бегущей строки/LED экрана</div><input type="text" class="text-field w-input" maxlength="256" data-name="Размер строки" placeholder="21*101" id="node">
            <div class="faq-title">Выберите цвет бегущей строки/LED экрана</div><select id="node-3" data-name="Цвет строки" class="select-field w-select"><option value="">Выберите...</option>< option value="Красный">Красный</option> <option value="Зеленый">Зеленый</option> <option value="Белый">Белый</option>< option value="Желтый">Желтый</option>< option value="Синий">Синий</option>< option value="3-х цветный">3-х цветный</option><option value="7-х цветный">7-х цветный</option><option value="Полноцветный">Полноцветный< /option></select>
            <a href="#" data-ix="page-one-trigger" class="button center w-inline-block">
              <div>Дальше...</div>
            </a>
          </div>
          <div class="page-two">
            <div class="div-block-8">
              <div class="faq-title">Что должны отображать 
бегущая строка/LED экран?</div>
              <div class="row-4 w-row">
                <div class="w-col w-col-6">
                  <div class="w-checkbox"><input type="checkbox" id="node-7" data-name="Текст" checked="" class="w-checkbox-input"><label for="node-7" class="w-form-label">Текст</label> </div>
                  <div class="w-checkbox"><input type="checkbox" id="node-8" data-name="Температура" class="w-checkbox-input"><label for="node-8" class="w-form-label">Температура</ label></div>
                  <div class="w-checkbox"><input type="checkbox" id="node-10" data-name="Фото" class="w-checkbox-input"><label for="node-10" class="w-form-label">Фото</label> </div>
                </div>
                <div class="w-col w-col-6">
                  <div class="w-checkbox"><input type="checkbox" id="node-11" data-name="Картинки" class="w-checkbox-input"><label for="node-11" class="w-form-label">Картинки</lab el></div>
                  <div class="w-checkbox"><input type="checkbox" id="node-12" data-name="Анимация" class="w-checkbox-input"><label for="node-12" class="w-form-label">Анимация</lab el></div>
                  <div class="w-checkbox"><input type="checkbox" id="node-13"
data-name="Видео" class="w-checkbox-input"><label for="node-13" class="w-form-label">Видео</label> </div>
                </div>
              </div>
            </div>
            <a href="#" data-ix="page-two-trigger" class="button center w-inline-block">
              <div>Дальше...</div>
            </a>
          </div>
          <div class="page-three">
            <div class="faq-title">Введите номер телефона, что бы смогли задать уточняющие вопросы и озвучить цену</div><input type="text" class="phone-mask text-field-2 w-input" maxlength="256" data-name="Телефон" placeholder="+7(123)456-78-90" id="node-4" required=""><input type="submit" value="Рассчитать" data-wait="Минутку..." class="button center w-button"></div>
        </form>
        <div class="w-form-done">
          <div>Спасибо! Мы с Вами свяжемся ближайшее время!</div>
        </div>
        <div class="w-form-fail">
          <div>Что-то пошло не так, попробуйте еще раз...</div>
        </div>
      </div>
    </div>
  </div>
Категория

Похожие проекты

safe 
0 4
Необходимо разработать систему, которая: Подключается к API Diagnocat и iDent (через токены доступа). Получает данные о пациенте, результатах диагностики, снимках и назначениях. Автоматически формирует структурированный отчет по шаблону (включая врачей, этапы лечения, стоимость и описание процедур).......
 
0 0
Необходимо связать БД 1C:ERP с БД Outlook, MS Access, Битрикс24. Например при вводе нового сотрудника в 1С:ERP он должен автоматически появляться в вышеперечисленных БД....
4 месяца назад
 
0 1
Требуется реализация отчёта на кастомизированной 1С:УПП 1. 2, ТЗ и контрольный пример во вложении, 80% кода должно быть покрыто модульными тестами....
4 месяца назад
$7
0 2
Мне нужно копировать мой текст и вставлять в одну группу ВК с открытой стеной для публикации рекламы. Задача скрипта/сервиса/программы - примерно каждые 10 секунд брать мой текст и вставлять в эту группу. Я пробовал через одну программу, которая записывает действия мышки и потом повторяет, но она как-то......
6 месяцев назад
safe 
0 0
Написать прошивку для A94B114, используя 2 подобные рабочие прошивки. Все файлы есть....
$21
0 2
Нужно разархивировать файл архив. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы(скрины)....
9 месяцев назад
safe 
0 1
Входные: Имеется скрипт по обработке email писем и добавление их в систему Redmine   Проблема: Система обработки этих писем написана некорректная и негибкая    Задача: Переписать логику обработки входящих писем, чтобы исключить их потерю при незначительных отклонениях от ожидаемой структуры....
$37
0 2
- В обязанности сотрудника входит поддержание мобильного приложения системы автоматизации бизнеса. - Работа сдельная: задачи выдаются на оценку, далее после согласования передаются на реализацию. - Заключаем договор и NDA (соглашение о неразглашении)....
$71
0 0
Информация о проекте: Проект включает в себя React Native приложение с Expo внутри которого находится webview с сайтом На устройствах с ОС IOS проблема с воспроизведением видео....
9 месяцев назад
safe 
0 0
Разрабатываю десктопные программы на языке Java,  а так же Java + SQL....
 
0 6
  1. Чтобы можно было писать описание события (без заголовка) - превью в списке берется N количества букв с начала. (в списке писать дату события и сколько осталось до него) . Выставление даты и времени напоминания и ИНТЕРВАЛА ПОВТОРА ОТ 1 МИНУТЫ! Выставлять количество повторов, далее напоминания прекращаются.......
safe 
0 5
Сайт arg2028t. beget. tech/. Нужно сделать вот такой калькулятор. airprint. by/outdoor/wide-format. и еще некоторые доработки....
safe 
0 7
Краткое описание: Мы ищем исполнителя для тестирования функционала мобильного приложения на платформе Android. Задача включает проверку основных функций приложения, таких как работа комнаты, передача видео, звука и чата, а также создание подробной отчетности о найденных ошибках.   Требования к исполнителю:......
safe 
0 12
Разработка чат-бота под ваши нужды....
$143
0 1
Oпpocы (1008pyб/чaс) Заходитe на сaйт: gonsù....
1 год назад
 
0 4
Требуется создать скрипт для premiere pro. Данная суть скрипта: в выделеном бине нужно что бы автоматически проставлялся in out ровно по серидине файла так что бы выделенная область была длиной 3 секунды. И требуется кнопка что бы работало через окно expressions. Проблема текущего в том что он не работает......
 
0 2
Нужно создать приложения под гемблинг/беттинг, на котлин. Приложение должно работать Firebase. Детали вышлю при обсуждение....
$21
0 4
Нужно разархивировать файл archive. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы  ....
1 год назад
safe 
0 3
Разработать впн сервис ( Приложения на ios и android + сайт для оплаты подписки). Настройка Серверов. Оплата по договоренности. Работаем черед безопасную сделку....
1 год назад
Смотреть все