<!DOCTYPE html>
<html>
    <head><base href="/lander/papillomy-medcentr-medas/index.html">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Здоровая Россия</title>
        <meta name="HandheldFriendly" content="false">
        <meta name="viewport" content="user-scalable=yes, width=device-width">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" href="src/styles.css">
        <link rel="shortcut icon" type="image/png" href="src/favicon.ico">
        <style type="text/css">.vue-star-rating-star[data-v-ef4bc576]{overflow:visible!important}.vue-star-rating-star-rotate[data-v-ef4bc576]{transition:all .25s}.vue-star-rating-star-rotate[data-v-ef4bc576]:hover{transition:transform .25s;transform:rotate(-15deg) scale(1.3)}</style>
        <style type="text/css">.vue-star-rating-star[data-v-fde73a0c]{display:inline-block}.vue-star-rating-pointer[data-v-fde73a0c]{cursor:pointer}.vue-star-rating[data-v-fde73a0c]{display:flex;align-items:center}.vue-star-rating-inline[data-v-fde73a0c]{display:inline-flex}.vue-star-rating-rating-text[data-v-fde73a0c]{margin-left:7px}.vue-star-rating-rtl[data-v-fde73a0c]{direction:rtl}.vue-star-rating-rtl .vue-star-rating-rating-text[data-v-fde73a0c]{margin-right:10px;direction:rtl}.sr-only[data-v-fde73a0c]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}</style>
        <style>[_nghost-kaq-c60]{font-family:Open Sans,sans-serif;color:#121212}</style>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
    </head>
    <body>
        <div class="outer-wrapper">
            <header class="header-wrapper">
                <div class="header container">
                    <a class="logo"><img src="src/logo.png" alt=""></a>
                    <h1>
                        <strong>"Здоровая Россия"</strong><br>
                        <b class="user-city">Москва</b>
                    </h1>
                </div>
            </header>
            <div class="content-wrapper">
                <div class="container">
                    <h2>Избавьтесь от проблем с папилломами</h2>
                    <h3>Сегодня последний день бесплатной записи</h3>
                    <div class="info">
                        Осталось бесплатных мест в г. <strong class="user-city">Москв </strong>:  <span class="count">7</span>
                    </div>
                    <div class="form-wrapper">
                        <div class="row">
                            <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
                                <span class="title">Заполните анкету участника</span>
                                <form id="signup">
                                    <div class="form-type-text row">
                                        <div class="col col-sm-12">
                                            <input type="text" name="name" placeholder="Имя" required>
                                        </div>
                                    </div>
                                    <div class="form-type-text row">
                                        <div class="col col-sm-12">
                                            <input type="tel" name="phone" placeholder="Телефон" required>
                                        </div>
                                    </div>
                                    <div class="btn-wrap row"><br>
                                        <input type="submit" value="Получить консультацию" class="btn">
                                    </div>
                                </form>
                                
                                <div class="thankyou" style="display: none; max-width: 350px;margin-top: 25px;width: 100%; padding: 15px;color: #fff;background-color: #0090ff;" >
                                  Ваша заявка успешно отправлена
                                </div>
                                
                            </div>
                        </div>
                        <p>
                            Для женщин в возрасте от 30 до 45 бесплатно:
                        </p>
                    </div>
                    <p style="color:#000000">
                        ✔  Устранение причин появления папиллом
                    </p>
                    <p style="color:#000000">
                        ✔ Консультация врача-паразитолога
                    </p>
                    <p style="color:#000000">
                        ✔ Подбор оптимального курса лечения
                    </p>
                </div>
            </div>
        </div>
        <footer class="footer-wrapper">
            <div class="footer container">
                <!-- <p><font size="4" color="#d5d1d1"> ООО «МедСэф» ОГРН 1085040002838 ИНН: 5040083806 КПП: 504001001 ПФР: 060040023721<br> 140125, ОБЛАСТЬ МОСКОВСКАЯ, РАМЕНСКИЙ РАЙОН, ИМ ТЕЛЬМАНА ПОСЕЛОК, 25, 38  </font></p> -->
                <p><font size="4" color="#d5d1d1"><span class="rekv_medas">ООО «Медицина АльфаСтрахования», г. Москва, Комсомольский пр-т, д. 17, стр. 11, ИНН: 7728240723, ОГРН: 1027739432687</span>
                    </font>
                </p>
                <a href="politika.html">Политика конфиденцильности</a>
            </div>
        </footer>

        <script>
        
          $('form').on('submit', function(e) {
            e.preventDefault();
            $('.thankyou').show();
            setTimeout(function(){
              $('.thankyou').hide();
              $('form')[0].reset();
            }, 5000);
          });
        
            window.onload = function () {
                var userCity = $(".user-city");

                function checkCity(city) {
                    if (!city) {
                        return 'Москва'
                    }
                    return city;
                }
                if (window.ymaps && window.ymaps.geolocation.city) {
                    userCity.text(checkCity(ymaps.geolocation.city));
                } else {
                    var xhr = new XMLHttpRequest();

                    xhr.send();
                    if (xhr.status != 200) {
                        userCity.text(checkCity(null));
                    } else {
                        var response = JSON.parse(xhr.responseText);
                        userCity.text(checkCity(response.city));
                    }
                }
            };
        </script>
        <script>
            function getRandomInt(min, max) {
                return Math.floor(Math.random() * (max - min)) + min;
            }

            var n = 8;
            (function () {
                n--;
                $(".count").html(n);
                if (n == 3) {
                    return false;
                }
                if (n !== 10000) {
                    setTimeout(arguments.callee, getRandomInt(10000, 30000));
                }
            })();
        </script>

    </body>

</html>