<!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">Поддержать</button>
            </div>
        </div>
    </div>
</div>

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

        <h2>Стать волонтёром</h2>

        <p>Кандидатам требуется разная помощь.</p>

        <br>
        <br>
        <br>

        <h2>Разноска газет и листовок</h2>

        <br>
        <br>
        <br>
        <br>

        <div class="row">
            <div class="col-xs-14">
                <h2>Наблюдение на выборах</h2>

                <p>По закону каждый из кандидатов может выдвинуть двух наблюдателей на каждом избирательном участке. В Савёловском районе 15 участков. Мы хотим добиться честных выборов и будем стараться выдвинуть на каждом участке хотя бы четверых наблюдателей. Суммарно - 60 человек.</p>
            </div>

            <div class="col-xs-7 pull-right">
                <h2>Зарегистрированных наблюдателей</h2>

                <br>

                <div class="progress">
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                        20 000 / 80 000
                    </div>
                </div>

                <button class="btn btn-default">Стать наблюдателем</button>
            </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">Как проголосовать</button>
        </div>
    </div>
</div>
</body>
</html>