candidates.html 9.78 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>

                <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 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>За кого голосовать в Савёловском районе</h2>

        <br>

        <div class="vote">
            <div class="vote__map">
                <iframe class="vote__map__iframe" 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>
            </div>

            <div class="vote__description">
                <div class="row">
                    <div class="col-lg-24">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Ваш адрес">

                            <span class="input-group-btn">
                                <button class="btn btn-default btn__attention" type="button">Найти</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <br>
        <br>

        <div class="district">
            <h2>Округ 1</h2>

            <br>

            <div class="district__block">
                <div class="district__profile__wrapper">
                    <div class="district__profile">
                        <div class="district__profile__img">
                        <span class="thumbnail thumbnail--custom img-circle">
                            <img src="img/profile.jpg" class="" alt="">
                        </span>
                        </div>

                        <div class="district__profile__description">
                            <p><strong>Балахванцев</strong></p>
                            <p>Арчил Савелич</p>

                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                        </div>
                    </div>

                    <div class="district__profile">
                        <div class="district__profile__img">
                        <span class="thumbnail thumbnail--custom img-circle">
                            <img src="img/profile.jpg" class="" alt="">
                        </span>
                        </div>

                        <div class="district__profile__description">
                            <p><strong>Балахванцев</strong></p>
                            <p>Арчил Савелич</p>

                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                        </div>
                    </div>

                    <div class="district__profile">
                        <div class="district__profile__img">
                        <span class="thumbnail thumbnail--custom img-circle">
                            <img src="img/profile.jpg" class="" alt="">
                        </span>
                        </div>

                        <div class="district__profile__description">
                            <p><strong>Балахванцев</strong></p>
                            <p>Арчил Савелич</p>

                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                        </div>
                    </div>

                    <div class="district__profile">
                        <div class="district__profile__img">
                        <span class="thumbnail thumbnail--custom img-circle">
                            <img src="img/profile.jpg" class="" alt="">
                        </span>
                        </div>

                        <div class="district__profile__description">
                            <p><strong>Балахванцев</strong></p>
                            <p>Арчил Савелич</p>

                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                        </div>
                    </div>
                </div>

                <div class="district__description__wrapper">
                    <div class="district__description">
                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>

                        <p><strong>1-я Бебеля ул.</strong></p>

                        <p>7, 7А</p>
                    </div>
                </div>
            </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>