Pavel Popeskul

-volont

<!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>
\ No newline at end of file
<!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>
<div class="header ">
<div class="header__container">
<div class="header__row">
<a href="#" class="header__logo ">
<div class="icon icon__logo"></div>
</a>
<br>
<div class="header__nav ">
<div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<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__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 class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
......
<!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>
<br>
<p>Что такое совет депутатов ВМО «Щукино»?</p>
<br>
<p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
<br>
<p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
</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>
\ No newline at end of file
<!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>
<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" 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">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
</div>
<div class="district">
<h2>Округ 1</h2>
<br>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
</div>
<div class="district">
<h2>Округ 1</h2>
<br>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</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">Как проголосовать</button>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -6950,10 +6950,18 @@ button.close {
.modal-footer:after,
.header__container:before,
.header__container:after,
.header__row:before,
.header__row:after,
.footer__container:before,
.footer__container:after,
.content__container:before,
.content__container:after {
.content__container:after,
.recipient__row:before,
.recipient__row:after,
.item__block:before,
.item__block:after,
.promo__row:before,
.promo__row:after {
content: " ";
display: table;
}
......@@ -6974,8 +6982,12 @@ button.close {
.modal-header:after,
.modal-footer:after,
.header__container:after,
.header__row:after,
.footer__container:after,
.content__container:after {
.content__container:after,
.recipient__row:after,
.item__block:after,
.promo__row:after {
clear: both;
}
.center-block {
......@@ -7559,9 +7571,20 @@ This must be run when you have at least 2 sprites.
height: 68px;
background-size: cover;
}
body {
min-width: 970px;
}
.head-h1 {
font-size: 28px;
}
h1,
h2,
h3 {
margin-top: 10px;
}
label {
margin-bottom: 0;
}
.btn {
outline: none;
}
......@@ -7573,8 +7596,7 @@ This must be run when you have at least 2 sprites.
outline: none;
}
.header {
text-align: center;
padding: 30px 0px;
padding: 11px 0px 35px 0px;
}
.header__container {
margin-right: auto;
......@@ -7609,28 +7631,81 @@ This must be run when you have at least 2 sprites.
margin-left: 0;
}
}
.header__row {
margin-left: -10px;
margin-right: -10px;
}
.header__logo {
margin-bottom: 30px;
display: inline-block;
position: relative;
float: left;
width: 8.33333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.header__title {
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
.header__nav {
margin-top: 30px;
position: relative;
float: left;
width: 77.08333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.nav {
.header__do {
position: relative;
float: left;
width: 14.58333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-top: 15px;
text-align: right;
}
.header__do .btn {
width: 100%;
}
.nav--promo {
width: 100%;
text-align: center;
}
.nav li {
.nav--promo li {
display: inline-block;
}
.nav li a {
.nav--promo li a {
text-decoration: underline;
color: #000;
}
.nav li a:focus,
.nav li a:hover {
.nav--promo li a:focus,
.nav--promo li a:hover {
color: #000;
text-decoration: underline;
background: transparent;
}
.nav--header {
margin-top: 15px;
}
.nav--header li {
display: inline-block;
margin-right: 15px;
}
.nav--header li:last-child {
margin-right: 0;
}
.nav--header li a {
padding: 0;
font-size: 16px;
color: #000;
}
.nav--header li a:focus,
.nav--header li a:hover {
color: #000;
text-decoration: underline;
background: transparent;
}
.footer {
padding: 30px 0px;
......@@ -7691,7 +7766,8 @@ This must be run when you have at least 2 sprites.
text-decoration: underline;
}
.content {
min-height: 300px;
min-height: 500px;
padding-bottom: 30px;
}
.content__container {
margin-right: auto;
......@@ -7726,3 +7802,207 @@ This must be run when you have at least 2 sprites.
margin-left: 0;
}
}
.thumbnail--custom {
display: inline-block;
width: 150px;
height: 150px;
position: relative;
overflow: hidden;
}
.thumbnail--custom img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.recipient__row {
margin-left: -10px;
margin-right: -10px;
}
.recipient__text {
display: inline-block;
padding-left: 10px;
}
.recipient__line {
position: relative;
float: left;
width: 58.33333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
float: right !important;
}
.recipient .progress {
margin: 0;
}
.recipient .select {
width: 150px;
}
.item__block {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 30px;
}
.item__block:last-child {
margin-bottom: 0;
}
.item__img {
position: relative;
float: left;
width: 33.33333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
max-height: 400px;
}
.item__img img {
width: 100%;
max-height: 100%;
}
.item__description {
position: relative;
float: left;
width: 64.58333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-left: 2.08333333%;
}
.item__title {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
margin-top: 0;
}
.item__title small,
.item__title .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
.item__title small,
.item__title .small {
font-size: 65%;
}
.promo {
text-align: center;
padding: 30px 0px;
}
.promo__row {
margin-left: -10px;
margin-right: -10px;
}
.promo__logo {
margin-bottom: 30px;
display: inline-block;
}
.promo__title {
font-size: 28px;
}
.promo__nav {
margin-top: 30px;
}
.vote {
display: inline-block;
width: 100%;
background-color: #f2f2f2;
padding: 20px 20px;
}
.vote__map {
position: relative;
float: left;
width: 41.66666667%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.vote__map__iframe {
width: 100%;
height: 200px;
}
.vote__description {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-top: 80px;
}
.vote__label {
display: inline-block;
margin-bottom: 20px;
}
.vote__label__description {
vertical-align: middle;
margin-left: 10px;
}
.vote__label__description p {
margin-bottom: 0;
font-size: 14px;
}
.vote__label__img {
display: inline-block;
width: 100px;
margin-left: 20px;
max-height: 100px;
}
.vote__label__img img {
width: 100%;
}
.district {
display: inline-block;
width: 100%;
margin-bottom: 50px;
}
.district:last-child {
margin-bottom: 0;
}
.district__block {
float: left;
margin: 0px -20px;
margin-bottom: 20px;
}
.district__block:last-child {
margin-bottom: 0;
}
.district__profile {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.district__profile__img {
position: relative;
float: left;
width: 37.5%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.district__profile__description {
position: relative;
float: left;
width: 62.5%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.district__description {
position: relative;
float: left;
width: 33.33333333%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
float: right !important;
}
.passport__top {
margin-top: 80px;
}
......
<!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>
<br>
<p>Сделать пожертвование легко</p>
<p>Это займет всего несколько минут</p>
<p>1. Откройте ваш интернет-банк или мобильное приложение и найдите функцию перевода по реквизитам.</p>
<p>2. Заполните форму перевода, следуя инструкциям на этой странице.</p>
<p>3. Проверьте реквизиты и отправьте перевод. Готово.</p>
<br>
<br>
<div class="row">
<div class="col-xs-18">
<p>Реквизиты избирательного счета для перевода пожертвования</p>
<p>Банк получатель: ПАО «Сбербанк»</p>
<p>Корр. счет: 3010 1810 4000 0000 0225</p>
<p>БИК: 044525225</p>
<p>КПП: не заполнять</p>
<p>(ИНН указывать при переводе не нужно. Указывайте его, только если банк не даёт вам провести платёж без него: 773709696309)</p>
<p>Номер счета получателя: ------------</p>
<div class="recipient">
<div class="recipient__row">
<span class="recipient__text" id="basic-addon3">
Получатель:
<select name="" id="" class="select">
<option value="1">1</option>
</select>
</span>
<div class="recipient__line">
<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>
</div>
</div>
</div>
<br>
<p>Назначение платежа (заполните внимательно):</p>
<p>Напишите «Добровольное пожертвование», потом ваши фамилию, имя, отчество, дату рождения, гражданство (допускается только РФ), адрес постоянной регистрации (прописки), серию и номер паспорта.</p>
<p>! Важно правильно заполнить графу «Назначение платежа».</p>
<p>Иначе нам придется вернуть деньги.</p>
<p>! Максимальная сумма перевода от физического лица кандидату за весь срок кампании - 2000 рублей</p>
<p>Если хотите пожертвовать больше - переводите нескольким кандидатам</p>
<p>Пример правильно заполненного поля «Назначение платежа»</p>
<p>Добровольное пожертвование. Иванов Мефодий Кириллович, д/р 25.12.1987, гр.РФ, Москва, ул. Тверская, 9, кв. 100, паспорт 4516№ 010496.</p>
</div>
<div class="col-xs-6">
<h2>Пошаговые инструкции для клиентов банков:</h2>
<ul>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через сайт)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через приложение)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через отделение)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Альфа-банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Тинькофф Банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Райффайзен Банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Рокетбанк</p>
</a>
</li>
</ul>
<p>Закон позволяет принимать лишь переводы на наши избирательные счёта. Мы не можем принимать переводы на чью-либо банковскую карту или интернет-кошелёк.
</p>
</div>
</div>
<br>
<h2>На что пойдут деньги</h2>
<div class="item">
<div class="item__block">
<div class="item__img">
<img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
</div>
<div class="item__description">
<div class="item__title">215 рублей</div>
<p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
</div>
</div>
<div class="item__block">
<div class="item__img">
<img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
</div>
<div class="item__description">
<div class="item__title">215 рублей</div>
<p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
</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">Как проголосовать</button>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -12,36 +12,35 @@
<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>
<div class="content">
<div class="content__container">
<br>
<div class="promo">
<div class="promo__logo">
<a href="/" class="icon icon__logo"></a>
</div>
<p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
<div class="promo__title">Выборы в Совет <br> депутатов Савёловского района</div>
<br>
<br>
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
<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>
<br>
<div class="content">
<div class="content__container">
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<div class="promo__nav">
<ul class="nav nav--promo">
<li><a href="about.html">О совете депутатов</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>
......
<!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>
<br>
<p>Что такое совет депутатов ВМО «Щукино»?</p>
<br>
<p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
<br>
<p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
</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>
\ No newline at end of file
<!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>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" 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">Как проголосовать</button>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!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>
<!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>
<div class="header ">
<div class="header__container">
<div class="header__row">
<a href="#" class="header__logo ">
<div class="icon icon__logo"></div>
</a>
<br>
<div class="header__nav ">
<div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<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__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 class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
......
//= _head.html
//= _header.html
<div class="content">
<div class="content__container">
<h2>Чем занимается совет депутатов</h2>
<br>
<p>Что такое совет депутатов ВМО «Щукино»?</p>
<br>
<p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
<br>
<p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
</div>
</div>
//= _footer.html
//= _head.html
//= _header.html
<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" 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">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
</div>
<div class="district">
<h2>Округ 1</h2>
<br>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
</div>
<div class="district">
<h2>Округ 1</h2>
<br>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
<div class="district__block">
<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__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>
</div>
</div>
</div>
</div>
</div>
//= _footer.html
//= _head.html
//= _header.html
<div class="content">
<div class="content__container">
<h2>Независимая политика возможна, только если её финансируете вы</h2>
<br>
<p>Сделать пожертвование легко</p>
<p>Это займет всего несколько минут</p>
<p>1. Откройте ваш интернет-банк или мобильное приложение и найдите функцию перевода по реквизитам.</p>
<p>2. Заполните форму перевода, следуя инструкциям на этой странице.</p>
<p>3. Проверьте реквизиты и отправьте перевод. Готово.</p>
<br>
<br>
<div class="row">
<div class="col-xs-18">
<p>Реквизиты избирательного счета для перевода пожертвования</p>
<p>Банк получатель: ПАО «Сбербанк»</p>
<p>Корр. счет: 3010 1810 4000 0000 0225</p>
<p>БИК: 044525225</p>
<p>КПП: не заполнять</p>
<p>(ИНН указывать при переводе не нужно. Указывайте его, только если банк не даёт вам провести платёж без него: 773709696309)</p>
<p>Номер счета получателя: ------------</p>
<div class="recipient">
<div class="recipient__row">
<span class="recipient__text" id="basic-addon3">
Получатель:
<select name="" id="" class="select">
<option value="1">1</option>
</select>
</span>
<div class="recipient__line">
<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>
</div>
</div>
</div>
<br>
<p>Назначение платежа (заполните внимательно):</p>
<p>Напишите «Добровольное пожертвование», потом ваши фамилию, имя, отчество, дату рождения, гражданство (допускается только РФ), адрес постоянной регистрации (прописки), серию и номер паспорта.</p>
<p>! Важно правильно заполнить графу «Назначение платежа».</p>
<p>Иначе нам придется вернуть деньги.</p>
<p>! Максимальная сумма перевода от физического лица кандидату за весь срок кампании - 2000 рублей</p>
<p>Если хотите пожертвовать больше - переводите нескольким кандидатам</p>
<p>Пример правильно заполненного поля «Назначение платежа»</p>
<p>Добровольное пожертвование. Иванов Мефодий Кириллович, д/р 25.12.1987, гр.РФ, Москва, ул. Тверская, 9, кв. 100, паспорт 4516№ 010496.</p>
</div>
<div class="col-xs-6">
<h2>Пошаговые инструкции для клиентов банков:</h2>
<ul>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через сайт)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через приложение)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через отделение)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Альфа-банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Тинькофф Банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Райффайзен Банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Рокетбанк</p>
</a>
</li>
</ul>
<p>Закон позволяет принимать лишь переводы на наши избирательные счёта. Мы не можем принимать переводы на чью-либо банковскую карту или интернет-кошелёк.
</p>
</div>
</div>
<br>
<h2>На что пойдут деньги</h2>
<div class="item">
<div class="item__block">
<div class="item__img">
<img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
</div>
<div class="item__description">
<div class="item__title">215 рублей</div>
<p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
</div>
</div>
<div class="item__block">
<div class="item__img">
<img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
</div>
<div class="item__description">
<div class="item__title">215 рублей</div>
<p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
</div>
</div>
</div>
</div>
</div>
//= _footer.html
//= _header.html
//= _head.html
<div class="content">
<div class="content__container">
<div class="promo">
<div class="promo__logo">
<a href="/" class="icon icon__logo"></a>
</div>
<div class="promo__title">Выборы в Совет <br> депутатов Савёловского района</div>
<br>
<p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
<br>
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<div class="promo__nav">
<ul class="nav nav--promo">
<li><a href="about.html">О совете депутатов</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>
......
.content {
min-height: 300px;
min-height: 500px;
padding-bottom: 30px;
&__container {
.container();
}
}
.thumbnail {
&--custom {
display: inline-block;
width: 150px;
height: 150px;
position: relative;
overflow: hidden;
img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
}
.recipient {
&__row {
.row;
}
&__text {
display: inline-block;
padding-left: 10px;
}
&__line {
.make-xs-column(14);
.pull-right;
}
.progress {
margin: 0;
}
.select {
width: 150px;
}
}
.item {
&__block {
.row;
margin-bottom: 30px;
&:last-child {
margin-bottom: 0;
}
}
&__img {
.make-xs-column(8);
max-height: 400px;
img {
width: 100%;
max-height: 100%;
}
}
&__description {
.make-xs-column(15.5);
.make-xs-column-offset(0.5);
}
&__title {
.h3;
margin-top: 0;
}
}
\ No newline at end of file
......
body {
min-width: 970px;
}
.head-h1 {
font-size: 28px;
}
h1, h2, h3 {
margin-top: 10px;
}
p {
}
label {
margin-bottom: 0;
}
\ No newline at end of file
......
.header {
text-align: center;
padding: 30px 0px;
padding: 11px 0px 35px 0px;
&__container {
.container();
}
&__row {
.row;
}
&__logo {
margin-bottom: 30px;
display: inline-block;
.make-xs-column(2);
}
&__title {
//margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
&__nav {
margin-top: 30px;
.make-xs-column(18.5);
}
&__do {
.make-xs-column(3.5);
margin-top: 15px;
text-align: right;
.btn {
width: 100%;
}
}
}
.nav {
width: 100%;
text-align: center;
&--promo {
width: 100%;
text-align: center;
li {
display: inline-block;
li {
display: inline-block;
a {
text-decoration: underline;
color: #000;
&:focus, &:hover {
color: #000;
a {
text-decoration: underline;
color: #000;
&:focus, &:hover {
color: #000;
text-decoration: underline;
background: transparent;
}
}
}
}
&--header {
margin-top: 15px;
li {
display: inline-block;
margin-right: 15px;
&:last-child {
margin-right: 0;
}
a {
padding: 0;
font-size: 16px;
color: #000;
&:focus, &:hover {
color: #000;
text-decoration: underline;
background: transparent;
}
}
}
}
......
......@@ -13,4 +13,8 @@
@import "footer";
@import "content";
@import "promo";
@import "vote";
@import "modal";
\ No newline at end of file
......
.promo {
text-align: center;
padding: 30px 0px;
&__row {
.row;
}
&__logo {
margin-bottom: 30px;
display: inline-block;
}
&__title {
.head-h1;
}
&__nav {
margin-top: 30px;
}
}
.vote {
display: inline-block;
width: 100%;
background-color: rgba(242, 242, 242, 1);
padding: 20px 20px;
&__map {
.make-xs-column(10);
&__iframe {
width: 100%;
height: 200px;
}
}
&__description {
.make-xs-column(12);
margin-top: 80px;
}
&__label {
display: inline-block;
margin-bottom: 20px;
&__description {
vertical-align: middle;
margin-left: 10px;
p {
margin-bottom: 0;
font-size: 14px;
}
}
&__img {
display: inline-block;
width: 100px;
margin-left: 20px;
max-height: 100px;
img {
width: 100%;
}
}
}
}
.district {
display: inline-block;
width: 100%;
margin-bottom: 50px;
&:last-child {
margin-bottom: 0;
}
&__block {
float: left;
margin: 0px -20px;
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
&__profile {
.make-xs-column(12);
&__img {
.make-xs-column(9);
}
&__description {
.make-xs-column(15);
}
}
&__description {
.make-xs-column(8);
.pull-right;
}
}
.passport {
&__top {
margin-top: 80px;
}
}
\ No newline at end of file
//= _head.html
//= _header.html
<div class="content">
<div class="content__container">
<h2>Чем занимается совет депутатов</h2>
<br>
<p>Что такое совет депутатов ВМО «Щукино»?</p>
<br>
<p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
<br>
<p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
</div>
</div>
//= _footer.html
//= _head.html
//= _header.html
<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" 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>
//= _footer.html