vote.html 9.3 KB
<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Выборы в Совет депутатов Савёловского района</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/main.js"></script>
</head>
<body>


<div class="header ">
    <div class="header__container">
        <div class="header__row">
            <a href="#" class="header__logo ">
                <div class="icon icon__logo"></div>
            </a>

            <div class="header__nav ">
                <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>

                <div class="header__nav__wrapper">
                    <ul class="nav nav--header">
                        <li><a href="about.html">О совете депутатов</a></li>
                        <li><a href="candidates.html">Кандидаты</a></li>
                        <li><a href="help.html">Как помочь</a></li>
                        <li><a href="volunteer.html">Стать волонтёром</a></li>
                        <li><a href="vote.html">Как проголосовать</a></li>
                    </ul>
                </div>
            </div>

            <a href="#right-menu" id="right-menu" class="mobile-menu"><span></span></a>

            <!--<a id="right-menu" href="#right-menu">Right Menu</a>-->

            <div class="header__do">
                <button type="button" class="btn btn-default btn__attention">Поддержать</button>
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="content__container">

        <h2>1. Узнайте адрес своего избирательного участка</h2>

        <p>В Савёловском районе 15 участков. Чтобы понять в какой идти, введите свой адрес</p>

        <br>

        <div class="input-group input-group-lg">
            <input type="text" class="form-control" placeholder="Ваш адрес прописки">
        </div>

        <br>

        <p><strong>Ваш участок - №399</strong></p>
        <p><strong>Адрес: Вятская ул., дом 29</strong></p>

        <iframe class="" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53198.55614145524!2d37.56585223200388!3d55.6474480884447!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b54afc73d4b0c9%3A0x3d44d6cc5757cf4c!2z0JzQvtGB0LrQstCw!5e0!3m2!1sru!2sru!4v1500039166127" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

        <br>
        <br>
        <br>

        <h2>2. Приходите на выборы 10 сентября</h2>

        <br>

        <div class="row">
            <div class="col-xs-14 ">
                <p>Без вашего голоса мы не победим, разрыв голосов на этих выборов будет минимален. Приходите при любой погоде. Это в самом деле очень важно</p>

                <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>

                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Ваш телефон">

                    <span class="input-group-btn">
                        <button class="btn btn-default btn__attention btn__attention--blue" type="button">Напомнить о выборах</button>
                    </span>
                </div>
            </div>

            <div class="col-xs-8 pull-right">
                <div class="row">
                    <div class="col-xs-12">
                        <img src="img/passport.png" alt="">
                    </div>

                    <div class="col-xs-12">
                        <p class="passport__top">Не забудьте свой паспорт!</p>
                    </div>
                </div>
            </div>
        </div>

        <br>
        <br>

        <h2>3. Проголосуйте за независимых кандидатов</h2>

        <div class="row">
            <p class="col-xs-12">В бюллетень вы можете поставить не больше 4 галочек. Голосуйте за независимых кандидатов. В вашем округе это:</p>
        </div>

        <br>

        <div class="row">
            <div class="col-lg-24">
                <span class="vote__label">
                    <input type="checkbox" class="vote__label__input" id="id1">

                    <label for="id1" class="vote__label__description">
                        <p class="show">Куракин</p>

                        <p class="show">Евгений Игоревич</p>
                    </label>

                    <span class="vote__label__img">
                        <img src="img/yabloko.png" alt="">
                    </span>
                </span>
            </div>

            <div class="col-lg-24">
                <span class="vote__label">
                    <input type="checkbox" class="vote__label__input" id="id1">

                    <label for="id1" class="vote__label__description">
                        <p class="show">Куракин</p>

                        <p class="show">Евгений Игоревич</p>
                    </label>

                    <span class="vote__label__img">
                        <img src="img/yabloko.png" alt="">
                    </span>
                </span>
            </div>

            <div class="col-lg-24">
                <span class="vote__label">
                    <input type="checkbox" class="vote__label__input" id="id1">

                    <label for="id1" class="vote__label__description">
                        <p class="show">Куракин</p>

                        <p class="show">Евгений Игоревич</p>
                    </label>

                    <span class="vote__label__img">
                        <img src="img/yabloko.png" alt="">
                    </span>
                </span>
            </div>

            <div class="col-lg-24">
                <span class="vote__label">
                    <input type="checkbox" class="vote__label__input" id="id1">

                    <label for="id1" class="vote__label__description">
                        <p class="show">Куракин</p>

                        <p class="show">Евгений Игоревич</p>
                    </label>

                    <span class="vote__label__img">
                        <img src="img/yabloko.png" alt="">
                    </span>
                </span>
            </div>

            <div class="col-lg-24">
                <span class="vote__label">
                    <input type="checkbox" class="vote__label__input" id="id1">

                    <label for="id1" class="vote__label__description">
                        <p class="show">Куракин</p>

                        <p class="show">Евгений Игоревич</p>
                    </label>

                    <span class="vote__label__img">
                        <img src="img/yabloko.png" alt="">
                    </span>
                </span>
            </div>
        </div>


    </div>
</div>

<div class="footer">
    <div class="footer__container">
        <div class="footer__left">
            <p>Следите за кампанией</p>

            <ul class="social">
                <li><a href="#">Вконтакте</a></li>
                <li><a href="#">Фейсбук</a></li>
                <li><a href="#">Твиттер</a></li>
                <li><a href="#">Одноклассники</a></li>
            </ul>

            <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>


            <form class="form-inline" role="form">
                <div class="form-group">
                    <input type="email" class="form-control" placeholder="">
                </div>
                <button type="submit" class="btn btn-default">Напомнить о выборах</button>
            </form>
        </div>

        <div class="footer__right">
            <p>Пообщаться с кандидатами</p>

            <ul class="social">
                <li><a href="#">Телеграм</a></li>
                <li><a href="#">Электронная почта</a></li>
                <li><a href="#">Телефон</a></li>
            </ul>
        </div>

        <div class="col-xs-24 text-center">
            <br>

            <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>

            <br>

            <button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
        </div>
    </div>
</div>
</body>
</html>