File: /home/region-gk.ru/data/www/region-gk.ru/wp-content/themes/region/modal-calc.php
<div class="modal-calc">
<div class="modal-calc__body">
<button class="modal-calc__btn-back"></button>
<button class="modal-calc__btn-close"></button>
<div class="modal-calc__content modal-calc__content_step-1 modal-calc__content_active">
<div class="modal-calc__title">
Пожалуйста, ответьте на 3 простых вопроса,<br/>
чтобы мы могли рассчитать для Вас стоимость бытового модуля!
</div>
<ul class="modal-calc__steps">
<li class="modal-calc__steps-item modal-calc__steps-item_active">1</li>
<li class="modal-calc__steps-item">2</li>
<li class="modal-calc__steps-item">3</li>
<li class="modal-calc__steps-item">4</li>
<li class="modal-calc__steps-item">5</li>
</ul>
<div class="modal-calc__question">1. Какое назначение бытового модуля вас интересует?</div>
<div class="modal-calc__list">
<input class="modal-calc__input" name="household-module" id="base-module" type="radio"
value="Базовый модуль"/>
<label class="modal-calc__label" for="base-module">Базовый модуль</label>
<input class="modal-calc__input" name="household-module" id="office" type="radio"
value="Офис/Прорабская"/>
<label class="modal-calc__label" for="office">Офис/Прорабская</label>
<input class="modal-calc__input" name="household-module" id="headquarters" type="radio"
value="Штаб стройки/Переговорная"/>
<label class="modal-calc__label" for="headquarters">Штаб стройки/Переговорная</label>
<input class="modal-calc__input" name="household-module" id="dining room" type="radio"
value="Столовая"/>
<label class="modal-calc__label" for="dining room">Столовая</label>
<input class="modal-calc__input" name="household-module" id="common-room" type="radio"
value="Комната отдыха"/>
<label class="modal-calc__label" for="common-room">Комната отдыха</label>
</div>
<div class="modal-calc__list">
<input class="modal-calc__input" name="household-module" id="house" type="radio" value="Жилое здание"/>
<label class="modal-calc__label" for="house">Жилое здание</label>
<input class="modal-calc__input" name="household-module" id="security-post" type="radio"
value="Пост охраны"/>
<label class="modal-calc__label" for="security-post">Пост охраны</label>
<input class="modal-calc__input" name="household-module" id="wardrobe" type="radio" value="Раздевалка"/>
<label class="modal-calc__label" for="wardrobe">Раздевалка</label>
<input class="modal-calc__input" name="household-module" id="your-option" type="radio"
value="Ваш вариант"/>
<label class="modal-calc__label" for="your-option">Ваш вариант</label>
</div>
<div class="modal-calc__btn">
<button class="modal-calc__btn-next">Дальше</button>
</div>
</div>
<div class="modal-calc__content modal-calc__content_step-2">
<div class="modal-calc__title">
Пожалуйста, ответьте на 3 простых вопроса,<br/>
чтобы мы могли рассчитать для Вас стоимость бытового модуля!
</div>
<ul class="modal-calc__steps">
<li class="modal-calc__steps-item modal-calc__steps-item_active">1</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">2</li>
<li class="modal-calc__steps-item">3</li>
<li class="modal-calc__steps-item">4</li>
<li class="modal-calc__steps-item">5</li>
</ul>
<div class="modal-calc__question">2. Какой вид утеплителя требуется для изготовления бытового модуля?</div>
<div class="modal-calc__list">
<input class="modal-calc__input" name="insulation" id="expanded-polystyrene" type="radio"
value="Пенополистирол (ПСБС)"/>
<label class="modal-calc__label" for="expanded-polystyrene">Пенополистирол (ПСБС)</label>
<input class="modal-calc__input" name="insulation" id="mineral-wool" type="radio"
value="Минеральная вата"/>
<label class="modal-calc__label" for="mineral-wool">Минеральная вата</label>
<input class="modal-calc__input" name="insulation" id="polyurethane-foam" type="radio"
value="Пенополиуретан"/>
<label class="modal-calc__label" for="polyurethane-foam">Пенополиуретан</label>
</div>
<div class="modal-calc__btn modal-calc__btn_insulation">
<button class="modal-calc__btn-prev">Назад</button>
<button class="modal-calc__btn-next">Дальше</button>
</div>
</div>
<div class="modal-calc__content modal-calc__content_step-3">
<div class="modal-calc__title">
Пожалуйста, ответьте на 3 простых вопроса,<br/>
чтобы мы могли рассчитать для Вас стоимость бытового модуля!
</div>
<ul class="modal-calc__steps">
<li class="modal-calc__steps-item modal-calc__steps-item_active">1</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">2</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">3</li>
<li class="modal-calc__steps-item">4</li>
<li class="modal-calc__steps-item">5</li>
</ul>
<div class="modal-calc__question">3. Нужны ли Вам доставка и монтаж?</div>
<div class="modal-calc__list">
<input class="modal-calc__input" name="delivery" id="installation" type="radio" value="Монтаж"/>
<label class="modal-calc__label" for="installation">Монтаж</label>
<input class="modal-calc__input" name="delivery" id="delivery" type="radio" value="Доставка"/>
<label class="modal-calc__label" for="delivery">Доставка</label>
<input class="modal-calc__input" name="delivery" id="delivery-installation" type="radio"
value="Доставка и монтаж"/>
<label class="modal-calc__label" for="delivery-installation">Доставка и монтаж</label>
<input class="modal-calc__input" name="delivery" id="nothing" type="radio" value="Ничего не нужно"/>
<label class="modal-calc__label" for="nothing">Ничего не нужно</label>
</div>
<div class="modal-calc__btn modal-calc__btn_insulation">
<button class="modal-calc__btn-prev">Назад</button>
<button class="modal-calc__btn-next">Дальше</button>
</div>
</div>
<div class="modal-calc__content modal-calc__content_step-4">
<div class="modal-calc__title">
Пожалуйста, ответьте на 3 простых вопроса,<br/>
чтобы мы могли рассчитать для Вас стоимость бытового модуля!
</div>
<ul class="modal-calc__steps">
<li class="modal-calc__steps-item modal-calc__steps-item_active">1</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">2</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">3</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">4</li>
<li class="modal-calc__steps-item">5</li>
</ul>
<div class="modal-calc__question">4. При какой температуре будет эксплуатироваться бытовой модуль?</div>
<div class="modal-calc__list">
<input class="modal-calc__input" name="temperature" id="before-25" type="radio" value="До -25°C"/>
<label class="modal-calc__label" for="before-25">До -25°C</label>
<input class="modal-calc__input" name="temperature" id="before-55" type="radio" value="До -55°C"/>
<label class="modal-calc__label" for="before-55">До -55°C</label>
</div>
<div class="modal-calc__btn modal-calc__btn_insulation">
<button class="modal-calc__btn-prev">Назад</button>
<button class="modal-calc__btn-next">Дальше</button>
</div>
</div>
<div class="modal-calc__content modal-calc__content_step-5">
<div class="modal-calc__title modal-calc__title_form">
Пожалуйста, ответьте на 3 простых вопроса,<br/>
чтобы мы могли рассчитать для Вас стоимость бытового модуля!
</div>
<ul class="modal-calc__steps modal-calc__steps_form">
<li class="modal-calc__steps-item modal-calc__steps-item_active">1</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">2</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">3</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">4</li>
<li class="modal-calc__steps-item modal-calc__steps-item_active">5</li>
</ul>
<form class="modal-calc__form" action="<?php echo esc_url(get_template_directory_uri()); ?>/mail/send.php"
method="POST">
<input class="modal-calc__form-input" type="text" name="name" placeholder="Имя"/>
<input class="modal-calc__form-input" type="text" name="company" placeholder="Компания"/>
<input class="modal-calc__form-input" type="tel" name="phone" placeholder="Телефон*" required/>
<input class="modal-calc__form-input" type="email" name="email" placeholder="E-mail"/>
<textarea
class="modal-calc__form-textarea"
name="comment"
cols="30"
rows="10"
placeholder="Комментарий"
></textarea>
<input class="modal-calc__checkbox" id="conset-household-module" type="checkbox" required/>
<label class="modal-calc__checkbox-label" for="conset-household-module">
Заполняя поля форм данного сайта, я даю согласие на обработку моих персональных данных в рамках
федерального закона РФ от 27 июня 2006 г. № 152-ФЗ 'О персональных данных' и согласен с Политикой
конфиденциальности и с Соглашением об обработке персональных данных.
</label>
<input type="hidden" name="property1" class="property1" value="">
<input type="hidden" name="property2" class="property2" value="">
<input type="hidden" name="property3" class="property3" value="">
<input type="hidden" name="property4" class="property4" value="">
<div class="modal-calc__btn-form">
<button class="modal-calc__btn-calc">Рассчитать</button>
</div>
</form>
</div>
</div>
</div>