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
This diff is collapsed. Click to expand it.
......@@ -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;
}
......
This diff is collapsed. Click to expand it.
......@@ -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
This diff is collapsed. Click to expand it.
//= _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