Your IP : 3.147.74.100


Current Path : /var/www/u0635749/data/www/hobbyclick.ru/hobbyclick.ru/hobbyclick/bitrix/templates/dance/
Upload File :
Current File : /var/www/u0635749/data/www/hobbyclick.ru/hobbyclick.ru/hobbyclick/bitrix/templates/dance/footer.php

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();?>

<footer class="footer">
    <div class="content">
        <div class="logo_block">
            <div class="block">
                <a href="/">
                    <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file", //Показывать информацию из файла
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer/footer_logo.php" //Указываем путь к файлу
                        )
                    );?>
                </a>
                <p>   <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file", //Показывать информацию из файла
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer/footer_copirayting.php" //Указываем путь к файлу
                        )
                    );?></p>
            </div>
        </div>
        <div class="nav_bkock">
            <nav class="nav">
                <ul>
                    <li><a href="/catalog/">Стили танцев</a></li>

                    <?
                    CModule::IncludeModule("iblock");

                    $arSelect = Array("IBLOCK_ID", "ID", "NAME");
                    $arFilter = Array("IBLOCK_ID" => 18, "ACTIVE" => "Y");
                    $res = CIBlockElement::GetList(Array("NAME" => "ASC"), $arFilter, false, false, $arSelect);
                    while($ob = $res->GetNextElement()) {
                        $arFields = $ob->GetFields();
                        //$arTrends[] = ['id' => $arFields["ID"], 'name' => $arFields['NAME']];
                        echo '<li><a href="/catalog/">'.$arFields['NAME'].'</a></li>';
                    }?>

                </ul>
                <ul>
                    <li><a href="/halls/">Адреса залов</a></li><br>
                    <li><a href="/teachers/">Преподаватели </a></li><br>
                    <!--<li><a href="javascript:void(0)">Детские танцы</a></li>
                    <br>-->
                    <li><a href="/kontakty/">Контакты</a></li>
                </ul>
            </nav>
        </div>
        <div class="contact_block">
            <div class="block">
                <?$APPLICATION->IncludeComponent(
                    "bitrix:main.include",
                    "",
                    Array(
                        "AREA_FILE_SHOW" => "file", //Показывать информацию из файла
                        "AREA_FILE_SUFFIX" => "",
                        "EDIT_TEMPLATE" => "",
                        "PATH" => "/include/footer/footer_phone.php" //Указываем путь к файлу
                    )
                );?>

                <div class="button_line">
                    <a href="javascript:void(0)" class="open_ring">Обратный звонок</a>
                </div>
                <div class="soc_line">
                    <div class="block">
                        <a href="javascript:void(0)" target="_blank"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/soc1_f.png" alt=""></a>
                        <a href="javascript:void(0)" target="_blank"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/soc2_f.png" alt=""></a>
                        <a href="javascript:void(0)" target="_blank"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/soc3_f.png" alt=""></a>
                        <a href="javascript:void(0)" target="_blank"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/soc4_f.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<div class="fon">
    <div class="popap_select popap">
        <a href="javascript:void()" class="close"></a>
        <form class="select_form" method="post" action="javascript:void(0)">
            <div class="select_line">
                <label>
                    <p>Ваш возраст<span>*</span></p>
                    <biv class="age">
                        <input type="text" value="23">
                    </biv>
                </label>
                <label>
                    <p>Танец<span>*</span></p>
                    <div class="select_block">
                        <div class="select">
                            <input type="text" placeholder="По стилю танца">
                            <div class="option">
                                <div class="scroll">
                                    <ul>
                                        <li><h3>Классические и <span>современные</span></h3></li>
                                        <li><a href="javascript:void(0)"><span>Балет</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Хореография</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
                                        <li>
                                            <h3>
                                                Клубные и <span>уличные танцы</span>
                                            </h3>
                                        </li>
                                        <li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
                                        <li><h3>Классические и <span>современные</span></h3></li>
                                        <li><a href="javascript:void(0)"><span>Балет</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Хореография</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
                                        <li>
                                            <h3>
                                                Клубные и <span>уличные танцы</span>
                                            </h3>
                                        </li>
                                        <li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Хип-Хоп</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </label>
                <label>
                    <p>Адрес<span>*</span></p>
                    <div class="select_block">
                        <div class="select">
                            <input type="text" placeholder="Невский пр., 30">
                            <div class="option">
                                <div class="scroll">
                                    <ul>

                                        <li><a href="javascript:void(0)"><span>Невский пр., 30</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Невский пр., 31</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Невский пр., 32</span></a></li>
                                        <li><a href="javascript:void(0)"><span>Невский пр., 33</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </label>
                <label>
                    <p>Дни / время<span>*</span></p>
                    <div class="select_block">
                        <div class="select">
                            <input type="text" placeholder="Пн: 19:30 - 20:30 / Ср: 19:30 - 20:30">
                            <div class="option">
                                <div class="scroll">
                                    <ul>

                                        <li>
                                            <a href="javascript:void(0)"><span>Пн: 19:30 - 20:30 / Ср: 19:30 - 20:30</span></a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)"><span>Пн: 18:30 - 19:30 / Ср: 18:30 - 19:30</span></a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)"><span>Пн: 17:30 - 18:30 / Ср: 17:30 - 18:30</span></a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)"><span>Пн: 16:30 - 17:30 / Ср: 16:30 - 17:30</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </label>
            </div>
            <div class="rezult_block">
                <div class="rezult_info">
                    <h3>Вы выбрали: </h3>
                    <p><span id="style">Хип - Хоп</span> / <span id="adres">Невский пр. 30</span> / <span
                                id="level">Продвинутый уровень</span>
                        / <span id="data">Пн: 19:30 - 20:30 / Ср: 19:30 - 20:30</span></p>
                </div>
                <div class="rezult_box">
                    <div class="block_wrap">
                        <div class="block">
                            <p>Пробный урок:</p>
                            <p><span>200</span> <span class="old">300</span></p>
                        </div>
                    </div>
                    <div class="block_wrap">
                        <div class="block">
                            <p>Абонемент на 8 уроков:</p>
                            <p><span>200</span> <span class="old">300</span></p>
                        </div>
                    </div>
                    <div class="icon">
                        <img src="<?php echo SITE_TEMPLATE_PATH ?>/img/icon_popap.svg" alt="">
                    </div>
                </div>
            </div>
            <div class="submit_line">
                <input type="submit" value="Записаться">
            </div>
        </form>
        <div class="name_form_line">
            <form method="post" action="javascript:void(0)">
                <label><p>Фамилия</p>
                    <div class="input_block"><input type="text"></div>
                </label>
                <label><p>Имя</p>
                    <div class="input_block"><input type="text"></div>
                </label>
                <div class="submit_line">
                    <input type="submit" value="Отправить">
                </div>
            </form>
        </div>
    </div>
    <div class="popap_graph popap">
        <a href="javascript:void(0)" class="close"></a>
        <div class="popap_graph_header">
            <div class="avatar">
                <span><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/prepod.jpg" alt=""></span>
                <div class="star_line">
                    <a href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                </div>
            </div>
            <div class="select_line">
                <div class="select_block">
                    <div class="select">
                        <input type="text" placeholder="По стилю танца">
                        <div class="option">
                            <div class="scroll">
                                <ul>
                                    <li><h3>Классические и <span>современные</span></h3></li>
                                    <li><a href="javascript:void(0)"><span>Балет</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Хореография</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
                                    <li>
                                        <h3>
                                            Клубные и <span>уличные танцы</span>
                                        </h3>
                                    </li>
                                    <li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
                                    <li><h3>Классические и <span>современные</span></h3></li>
                                    <li><a href="javascript:void(0)"><span>Балет</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Хореография</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
                                    <li>
                                        <h3>
                                            Клубные и <span>уличные танцы</span>
                                        </h3>
                                    </li>
                                    <li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Хип-Хоп</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="select_block">
                    <div class="select">
                        <input type="text" placeholder="По району">
                        <div class="option">
                            <div class="scroll">
                                <ul>
                                    <li><a href="javascript:void(0)"><span>Адмиралтейский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Василеостровский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Всеволожский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Выборгский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Калининский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Кировский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Колпинский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Красногвардейский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Красносельский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Московский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Невский</span></a></li>
                                    <li><a href="javascript:void(0)"><span>Петроградский</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="table_scroll2">
            <div class="table_line">
                <div class="rezut_block">


                    <table width="100%" border="0">
                        <tbody>
                        <tr>
                            <th scope="col" class="size1"><h3><span>Группа</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
                            <th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span></h3></th>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="table_line">
                <div class="rezut_block">
                    <div class="zag_block">
                        <h3>Комендантовская ул., 30 </h3>

                    </div>

                    <table width="100%" border="0">
                        <tbody>
                        <tr class="hiden">
                            <th scope="col" class="size1"><h3><span>Группа</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
                            <th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
                                            href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/table_icon.png" alt=""></a></h3>
                            </th>
                        </tr>
                        <tr>
                            <td><p>Хип - Хоп<br>без кед</p></td>
                            <td><p>7 - 15</p></td>
                            <td>
                                <div class="level">
                                    <span class="action"></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </td>
                            <td>
                                <div class="price">

                                    <p><span>200</span><b class="old">300</b></p>
                                </div>
                            </td>
                            <td>
                                <div class="price">
                                    <p>8 уроков</p>
                                    <p><span>2000</span><b class="old">3000</b></p>
                                </div>
                            </td>
                            <td><p>Пн: 19:30 - 20:30</p>
                                <p>Пн: 19:30 - 20:30</p></td>
                            <td><a href="javascript:void(0)" class="button">Записаться</a></td>
                            <td>
                                <p class="info">Расписание
                                    <span>действуетельно</span>
                                    до 31.12.19</p>
                            </td>
                        </tr>
                        <tr>
                            <td><p>Хип - Хоп<br>без кед</p></td>
                            <td><p>7 - 15</p></td>
                            <td>
                                <div class="level">
                                    <span class="action"></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </td>
                            <td>
                                <div class="price">

                                    <p><span>200</span><b class="old">300</b></p>
                                </div>
                            </td>
                            <td>
                                <div class="price">
                                    <p>8 уроков</p>
                                    <p><span>2000</span><b class="old">3000</b></p>
                                </div>
                            </td>
                            <td><p>Пн: 19:30 - 20:30</p>
                                <p>Пн: 19:30 - 20:30</p></td>
                            <td><a href="javascript:void(0)" class="button">Записаться</a></td>
                            <td>

                            </td>
                        </tr>
                        <tr>
                            <td><p>Хип - Хоп<br>без кед</p></td>
                            <td><p>7 - 15</p></td>
                            <td>
                                <div class="level">
                                    <span class="action"></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </td>
                            <td>
                                <div class="price">

                                    <p><span>200</span><b class="old">300</b></p>
                                </div>
                            </td>
                            <td>
                                <div class="price">
                                    <p>8 уроков</p>
                                    <p><span>2000</span><b class="old">3000</b></p>
                                </div>
                            </td>
                            <td><p>Пн: 19:30 - 20:30</p>
                                <p>Пн: 19:30 - 20:30</p></td>
                            <td><a href="javascript:void(0)" class="button">Записаться</a></td>
                            <td>
                                <p class="info">Расписание
                                    <span>действуетельно</span>
                                    до 31.12.19</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="table_line">
                <div class="rezut_block">
                    <div class="zag_block">
                        <h3>Невский пр., 30 </h3>

                    </div>

                    <table width="100%" border="0">
                        <tbody>
                        <tr class="hiden">
                            <th scope="col" class="size1"><h3><span>Группа</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
                            <th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
                            <th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
                            <th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
                                            href="javascript:void(0)"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/table_icon.png" alt=""></a></h3>
                            </th>
                        </tr>
                        <tr>
                            <td><p>Хип - Хоп<br>без кед</p></td>
                            <td><p>7 - 15</p></td>
                            <td>
                                <div class="level">
                                    <span class="action"></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </td>
                            <td>
                                <div class="price">

                                    <p><span>200</span><b class="old">300</b></p>
                                </div>
                            </td>
                            <td>
                                <div class="price">
                                    <p>8 уроков</p>
                                    <p><span>2000</span><b class="old">3000</b></p>
                                </div>
                            </td>
                            <td><p>Пн: 19:30 - 20:30</p>
                                <p>Пн: 19:30 - 20:30</p></td>
                            <td><a href="javascript:void(0)" class="button">Записаться</a></td>
                            <td>
                                <p class="info">Расписание
                                    <span>действуетельно</span>
                                    до 31.12.19</p>
                            </td>
                        </tr>
                        <tr>
                            <td><p>Хип - Хоп<br>без кед</p></td>
                            <td><p>7 - 15</p></td>
                            <td>
                                <div class="level">
                                    <span class="action"></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </td>
                            <td>
                                <div class="price">

                                    <p><span>200</span><b class="old">300</b></p>
                                </div>
                            </td>
                            <td>
                                <div class="price">
                                    <p>8 уроков</p>
                                    <p><span>2000</span><b class="old">3000</b></p>
                                </div>
                            </td>
                            <td><p>Пн: 19:30 - 20:30</p>
                                <p>Пн: 19:30 - 20:30</p></td>
                            <td><a href="javascript:void(0)" class="button">Записаться</a></td>
                            <td>

                            </td>
                        </tr>
                        <tr>
                            <td><p>Хип - Хоп<br>без кед</p></td>
                            <td><p>7 - 15</p></td>
                            <td>
                                <div class="level">
                                    <span class="action"></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </td>
                            <td>
                                <div class="price">

                                    <p><span>200</span><b class="old">300</b></p>
                                </div>
                            </td>
                            <td>
                                <div class="price">
                                    <p>8 уроков</p>
                                    <p><span>2000</span><b class="old">3000</b></p>
                                </div>
                            </td>
                            <td><p>Пн: 19:30 - 20:30</p>
                                <p>Пн: 19:30 - 20:30</p></td>
                            <td><a href="javascript:void(0)" class="button">Записаться</a></td>
                            <td>
                                <p class="info">Расписание
                                    <span>действуетельно</span>
                                    до 31.12.19</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="popap_sale popap">
        <a href="javascript:void(0)" class="close"></a>
        <h3>Спасибо!</h3>
        <div class="sale_line">
            <h4>Скидка 20% уже Ваша!</h4>
            <p>
                <span>Мы свяжемся с Вами в ближайшее время</span>
                и ответим на все вопросы.
            </p>
        </div>
    </div>
    <div class="popap_ring popap">
        <a href="javascript:void(0)" class="close"></a>
        <div class="popap_img">

        </div>
        <div class="poopap_text">
            <h3>Поможем определиться с выбором</h3>
            <h3>Оставьте заявку и получите <span>скидку 20%</span></h3>
            <div class="form_line">
                <form action="javascript:void(0)" method="post">
                    <div class="input_block">
                        <input id="tel" type="tel" placeholder="(968)195-87-86">
                    </div>
                    <input type="submit" id="submit" value="">
                </form>
            </div>
            <p><span>Нажимая кнопку “Заказать звонок”, Вы даёте согласие</span>на обработку Персональных данных</p>
        </div>
    </div>

    <div class="popap_record popap">
        <a href="javascript:void(0)" class="close"></a>
        <h3 class="zag">Запись на занятие</h3>

        <div class="teacher_line">
            <div class="icon_block">
                <span class="gray">
                    <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M24.999 0C11.2149 0 0 11.215 0 25C0 38.785 11.2149 50 24.999 50C38.7841 50 50 38.785 50 25C50 11.215 38.7841 0 24.999 0ZM24.999 46.7212C13.0225 46.7212 3.27875 36.977 3.27875 25C3.27875 13.0229 13.0224 3.27888 24.999 3.27888C36.977 3.27888 46.721 13.023 46.721 25C46.7211 36.977 36.977 46.7212 24.999 46.7212Z"
                              fill="#14C947"/>
                        <path d="M24.5376 15.7463C25.7446 15.7463 26.7236 14.7673 26.7236 13.5601C26.7236 12.353 25.7446 11.374 24.5376 11.374C23.3296 11.374 22.3516 12.353 22.3516 13.5601C22.3516 14.7673 23.3296 15.7463 24.5376 15.7463Z"
                              fill="#14C947"/>
                        <path d="M28.0107 34.9482H26.6396V19.3204C26.6396 18.415 25.9057 17.6809 25.0005 17.6809H21.9887C21.0835 17.6809 20.3496 18.415 20.3496 19.3204C20.3496 20.2258 21.0835 20.9598 21.9887 20.9598H23.3609V34.9482H21.9887C21.0835 34.9482 20.3496 35.6822 20.3496 36.5875C20.3496 37.4928 21.0835 38.2269 21.9887 38.2269H28.0107C28.9165 38.2269 29.6504 37.4928 29.6504 36.5875C29.6504 35.6822 28.9165 34.9482 28.0107 34.9482Z"
                              fill="#14C947"/>
                        </svg>
                </span>

            </div>
            <div class="teacher_block">
                <div class="foto_block">
                    <span><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/prepod.jpg" alt=""></span>
                    <div class="star_line">
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    </div>
                </div>
                <h3>Анастасия Каменских</h3>
            </div>
        </div>

        <form action="javascript:void(0)" method="post">
            <input type="hidden" name="price">
            <input type="hidden" name="product_id">

            <div class="input_wrap">
                <div class="input_line">
                    <p>Возраст:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" name="age">
                    </div>

                </div>
                <div class="input_line">
                    <p>Стиль танца:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" placeholder="" value="Хип - Хоп" name="lesson">
                    </div>

                </div>
                <div class="input_line">
                    <p>Адрес:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" placeholder="" value="Комендантовская ул., 30" name="address">
                    </div>

                </div>
                <!--<div class="input_line">
                    <p>Расписание:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" class="time open_time" placeholder="Пн: 19:30 - 20:30">
                    </div>

                </div>
                <div class="input_line">
                    <p>Дата пробного урока:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" class="time open_time" placeholder="Пн: 19:30 - 20:30">
                    </div>

                </div>-->
                <div class="input_line">
                    <p>Ваше имя:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" placeholder="Введите имя" name="first_name">
                    </div>

                </div>
                <div class="input_line">
                    <p>Ваше фамилия:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="text" placeholder="Введите фамилию" name="last_name">
                    </div>

                </div>
                <div class="input_line tel_line">
                    <p><span>Телефон для</span>
                        подтверждения записи:</p>
                    <div class="input_box">
                        <p class="error_masege">Поле обязатено к заполнению</p>
                        <input type="tel" placeholder="+ 7 (    ) _________ " name="phone">
                    </div>

                </div>
                <div class="info_line">
                    <p>На этот номер вы получите SMS с кодом подтверждения и
                        информацию о записи</p>
                </div>
            </div>
            <div class="action_line">
                <div class="img_block">
                    <img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/action.png" alt="">
                </div>
                <div class="left_block">
                    <p class="help_block">
                    <span>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.95066 4.84132C8.69076 4.84132 9.13538 5.2361 9.13538 5.90203C9.13538 7.11148 6.97648 7.44485 6.97648 8.9127C6.97648 9.30748 7.23488 9.73894 7.76563 9.73894C8.57991 9.73894 8.48141 9.13441 8.77769 8.70215C9.17207 8.12275 11.0108 7.50586 11.0108 5.90163C11.0108 4.16262 9.45679 3.43408 7.87728 3.43408C6.37275 3.43408 4.99023 4.50755 4.99023 5.71701C4.99023 6.21028 5.36069 6.46947 5.79255 6.46947C6.98844 6.46987 6.37195 4.84132 7.95066 4.84132Z"
      fill="#14C947"/>
<path d="M8.82606 11.5534C8.82606 10.9979 8.36948 10.5417 7.8144 10.5417C7.25932 10.5417 6.80273 10.9987 6.80273 11.5534C6.80273 12.1089 7.25932 12.5651 7.8144 12.5651C8.36948 12.5651 8.82606 12.1089 8.82606 11.5534Z"
      fill="#14C947"/>
<path d="M16 8C16 3.58887 12.4111 0 8 0C3.58887 0 0 3.58887 0 8C0 12.4111 3.58887 16 8 16C12.4111 16 16 12.4115 16 8ZM0.797528 8C0.797528 4.02871 4.02871 0.797528 8 0.797528C11.9713 0.797528 15.2025 4.02871 15.2025 8C15.2025 11.9713 11.9713 15.2025 8 15.2025C4.02871 15.2025 0.797528 11.9713 0.797528 8Z"
      fill="#14C947"/>
</svg>
                    </span>
                        На данную группу есть акция
                    </p>
                    <p class="check_block check">
                        <a href="javascript:void(0)"></a>
                        Хочу воспользоваться
                    </p>
                </div>
                <div class="right_block">
                    <p>Цена за урок:<span class="lesson-price">200</span><span class="old lesson-price-old">300</span></p>
                    <p>Цена абонемента:<span class="abonement-price">2000</span><span class="old abonement-price-old">3000</span></p>
                </div>
            </div>
            <div class="submit_line">
                <input type="submit" id="submit2" value="Записаться">
            </div>
        </form>
        <div class="info_line">
            <p>Нажимая «Записаться», я принимаю <a href="javascript:void(0)">условия пользовательского соглашения,
                    положения о защите персональных
                    данных</a> и даю свое <a href="javascript:void(0)">согласие на обработку персональных данных.</a>
            </p>
        </div>
    </div>

    <div class="time_popap popap">
        <a href="javascript:void(0)" class="close2"></a>
        <h3 class="zag">Запись на занятие</h3>
        <div class="prepod">
            <div class="foto_block">
                <div class="avatar">
                    <span><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/prepod.jpg" alt=""></span>
                </div>
                <div class="star_line">
                    <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                </div>
            </div>
            <div class="text_block">
                <h3>Анастасия Каменских</h3>
                <p>Адрес: Малый Татарский пер., 8</p>
                <p>Метро: Преображенская площадь</p>
            </div>
        </div>
        <div class="data_line">

            <div class="data_slider">

                <div class="slide">
                    <p data-data="Пн, 2 декабря">Пн, 2 дек.</p>
                </div>
                <div class="slide">
                    <p data-data="Вт, 3 декабря">Вт, 3 дек.</p>
                </div>
                <div class="slide">
                    <p data-data="Ср, 4 декабря">Ср, 4 дек.</p>
                </div>
                <div class="slide">
                    <p data-data="Чт, 5 декабря">Чт, 5 дек.</p>
                </div>
                <div class="slide">
                    <p data-data="Пт, 6 декабря">Пт, 6 дек.</p>
                </div>
                <div class="slide">
                    <p data-data="Сб, 7 декабря">Сб, 7 дек.</p>
                </div>
                <div class="slide">
                    <p data-data="Вс, 8 декабря">Вс, 8 дек.</p>
                </div>

            </div>
        </div>
        <div class="scroll scroll_time">
            <div class="time_line">
                <div class="slider_time">
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>
                    <div class="slide">
                        <p class="slide_block">9:00 - 10:00</p>
                        <p class="slide_block">10:00 - 11:00</p>
                        <p class="slide_block">11:00 - 12:00</p>
                        <p class="slide_block">12:00 - 13:00</p>
                        <p class="slide_block">13:00 - 14:00</p>
                        <p class="slide_block">14:00 - 15:00</p>
                        <p class="slide_block">15:00 - 16:00</p>
                        <p class="slide_block">16:00 - 17:00</p>
                        <p class="slide_block">17:00 - 18:00</p>
                        <p class="slide_block">18:00 - 19:00</p>
                        <p class="slide_block">20:00 - 21:00</p>
                        <p class="slide_block">21:00 - 22:00</p>
                    </div>


                </div>
            </div>
        </div>
    </div>
    <div class="thanks_popap popap">
        <a href="javascript:void(0)" class="close"></a>
        <h3 class="zag">Спасибо!</h3>
        <p class="pod_zag">Вы записаны к преподователю:</p>
        <div class="prepod">
            <div class="foto_block">
                <div class="foto">
                    <span><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/prepod.jpg" alt=""></span>
                    <div class="star_line">
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                        <a href="javascript:void(0)" tabindex="0"><img data-src="<?php echo SITE_TEMPLATE_PATH ?>/img/star.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="text_block">
                <h3 class="name">Анастасия Каменских</h3>
                <p>Адрес: Комендантовская ул., 30</p>
                <p>Метро: Преображенская площадь</p>
                <div class="data_line">
                    <div class="data_block">
                        <h4>Время и дата:</h4>
                        <p>
                            <span id="popap_data">Пн, 2 декабря,</span>
                            <span id="popap_time">10:00 - 11:00</span>
                        </p>
                    </div>
                </div>

            </div>
        </div>
        <div class="popap_footer">
            <h3>
                Мы свяжемся с Вами в ближайшее время
                <span>чтобы подтвердить запись.</span>
            </h3>
        </div>
    </div>
</div>
</div>




<div class="loader">
    <div class="loader-inner">
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
    </div>
</div>
</body>
</html>