Pavel Popeskul / savelovsky

Go to a project
Toggle navigation Toggle navigation pinning
Pavel Popeskul
9f970deb 1 parent a1f1c57c

finish

Inline Side-by-side
Showing 21 changed files with 142 additions and 78 deletions
......@@ -1570,12 +1570,12 @@ pre code {
}
@media (min-width: 550px) {
.container {
width: 120%;
width: 970px;
}
}
@media (min-width: 797px) {
.container {
width: 120%;
width: 970px;
}
}
@media (min-width: 970px) {
......@@ -7571,7 +7571,8 @@ This must be run when you have at least 2 sprites.
height: 68px;
background-size: cover;
}
body {
body,
html {
min-width: 970px;
}
.head-h1 {
......@@ -7606,12 +7607,12 @@ label {
}
@media (min-width: 550px) {
.header__container {
width: 120%;
width: 970px;
}
}
@media (min-width: 797px) {
.header__container {
width: 120%;
width: 970px;
}
}
@media (min-width: 970px) {
......@@ -7719,12 +7720,12 @@ label {
}
@media (min-width: 550px) {
.footer__container {
width: 120%;
width: 970px;
}
}
@media (min-width: 797px) {
.footer__container {
width: 120%;
width: 970px;
}
}
@media (min-width: 970px) {
......@@ -7777,12 +7778,12 @@ label {
}
@media (min-width: 550px) {
.content__container {
width: 120%;
width: 970px;
}
}
@media (min-width: 797px) {
.content__container {
width: 120%;
width: 970px;
}
}
@media (min-width: 970px) {
......@@ -7888,6 +7889,27 @@ label {
.item__title .small {
font-size: 65%;
}
.pay-item {
padding: 0;
margin: 30px 0px 30px 0px;
list-style: none;
}
.pay-item li {
margin-bottom: 10px;
}
.pay-item li:last-child {
margin-bottom: 0;
}
.pay-item__img {
width: 20%;
display: inline-block;
}
.pay-item__text {
width: 78%;
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
}
.promo {
text-align: center;
padding: 30px 0px;
......
......@@ -107,55 +107,41 @@
</div>
<div class="col-xs-6">
<h2>Пошаговые инструкции для клиентов банков:</h2>
<h3>Пошаговые инструкции для клиентов банков:</h3>
<ul>
<ul class="pay-item">
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через сайт)</p>
<img src="img/bank-sber.png" class="pay-item__img" alt="">
<p class="pay-item__text">Сбербанк (через сайт)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через приложение)</p>
<img src="img/bank-alfa.gif" class="pay-item__img" alt="">
<p class="pay-item__text">Альфа-банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через отделение)</p>
<img src="img/bank-raiffaisen.png" class="pay-item__img" alt="">
<p class="pay-item__text">Райффайзен Банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Альфа-банк</p>
<img src="img/bank-tinkoff.png" class="pay-item__img" alt="">
<p class="pay-item__text">Тинькофф Банк</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>
<img src="img/bank-roket.jpeg" class="pay-item__img" alt="">
<p class="pay-item__text">Рокетбанк</p>
</a>
</li>
</ul>
......@@ -172,7 +158,7 @@
<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="">
<img src="img/empty.png" alt="">
</div>
<div class="item__description">
......@@ -184,7 +170,7 @@
<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="">
<img src="img/empty.png" alt="">
</div>
<div class="item__description">
......
No preview for this file type
......@@ -42,20 +42,42 @@
<div class="content">
<div class="content__container">
<h2>Чем занимается совет депутатов</h2>
<h2>Стать волонтёром</h2>
<p>Кандидатам требуется разная помощь.</p>
<br>
<br>
<br>
<p>Что такое совет депутатов ВМО «Щукино»?</p>
<h2>Разноска газет и листовок</h2>
<br>
<br>
<br>
<br>
<p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
<div class="row">
<div class="col-xs-14">
<h2>Наблюдение на выборах</h2>
<br>
<p>По закону каждый из кандидатов может выдвинуть двух наблюдателей на каждом избирательном участке. В Савёловском районе 15 участков. Мы хотим добиться честных выборов и будем стараться выдвинуть на каждом участке хотя бы четверых наблюдателей. Суммарно - 60 человек.</p>
</div>
<div class="col-xs-7 pull-right">
<h2>Зарегистрированных наблюдателей</h2>
<br>
<p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
20 000 / 80 000
</div>
</div>
<button class="btn btn-default">Стать наблюдателем</button>
</div>
</div>
</div>
</div>
......
......@@ -70,55 +70,41 @@
</div>
<div class="col-xs-6">
<h2>Пошаговые инструкции для клиентов банков:</h2>
<h3>Пошаговые инструкции для клиентов банков:</h3>
<ul>
<ul class="pay-item">
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через сайт)</p>
<img src="img/bank-sber.png" class="pay-item__img" alt="">
<p class="pay-item__text">Сбербанк (через сайт)</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через приложение)</p>
<img src="img/bank-alfa.gif" class="pay-item__img" alt="">
<p class="pay-item__text">Альфа-банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Сбербанк (через отделение)</p>
<img src="img/bank-raiffaisen.png" class="pay-item__img" alt="">
<p class="pay-item__text">Райффайзен Банк</p>
</a>
</li>
<li>
<a href="#">
<img src="" alt="">
<p>Альфа-банк</p>
<img src="img/bank-tinkoff.png" class="pay-item__img" alt="">
<p class="pay-item__text">Тинькофф Банк</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>
<img src="img/bank-roket.jpeg" class="pay-item__img" alt="">
<p class="pay-item__text">Рокетбанк</p>
</a>
</li>
</ul>
......@@ -135,7 +121,7 @@
<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="">
<img src="img/empty.png" alt="">
</div>
<div class="item__description">
......@@ -147,7 +133,7 @@
<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="">
<img src="img/empty.png" alt="">
</div>
<div class="item__description">
......
......@@ -78,4 +78,30 @@
.h3;
margin-top: 0;
}
}
.pay-item {
padding: 0;
margin: 30px 0px 30px 0px;
list-style: none;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
&__img {
width: 20%;
display: inline-block;
}
&__text {
width: 78%;
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
}
}
\ No newline at end of file
......
body {
body, html{
min-width: 970px;
}
......
......@@ -58,12 +58,12 @@
//## Define the maximum width of `.container` for different screen sizes.
// Small screen / tablet
@container-tablet: (100% + @grid-gutter-width);
@container-tablet: (950px + @grid-gutter-width);
//** For `@screen-sm-min` and up.
@container-sm: @container-tablet;
// Medium screen / desktop
@container-desktop: (100% + @grid-gutter-width);
@container-desktop: (950px + @grid-gutter-width);
//** For `@screen-md-min` and up.
@container-md: @container-desktop;
......
......@@ -5,20 +5,42 @@
<div class="content">
<div class="content__container">
<h2>Чем занимается совет депутатов</h2>
<h2>Стать волонтёром</h2>
<p>Кандидатам требуется разная помощь.</p>
<br>
<br>
<br>
<p>Что такое совет депутатов ВМО «Щукино»?</p>
<h2>Разноска газет и листовок</h2>
<br>
<br>
<br>
<br>
<p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
<div class="row">
<div class="col-xs-14">
<h2>Наблюдение на выборах</h2>
<br>
<p>По закону каждый из кандидатов может выдвинуть двух наблюдателей на каждом избирательном участке. В Савёловском районе 15 участков. Мы хотим добиться честных выборов и будем стараться выдвинуть на каждом участке хотя бы четверых наблюдателей. Суммарно - 60 человек.</p>
</div>
<div class="col-xs-7 pull-right">
<h2>Зарегистрированных наблюдателей</h2>
<br>
<p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
20 000 / 80 000
</div>
</div>
<button class="btn btn-default">Стать наблюдателем</button>
</div>
</div>
</div>
</div>
......