index.html 3.4 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">
        <a href="#" class="header__logo">
            <div class="icon icon__logo"></div>
        </a>

        <div class="head-h1 header__title">Выборы в Совет <br> депутатов Савёловского района</div>

        <br>

        <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>

        <br>

        <button type="button" class="btn btn-default">Познакомится с кандидатами</button>

        <div class="header__nav">
            <ul class="nav">
                <li><a href="#">О совете депутатов</a></li>
                <li><a href="#">Кандидаты</a></li>
                <li><a href="#">Как помочь</a></li>
                <li><a href="#">Стать волонтёром</a></li>
                <li><a href="#">Как проголосовать</a></li>
            </ul>
        </div>
    </div>
</div>

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

    </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>