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 { ...@@ -1570,12 +1570,12 @@ pre code {
1570 } 1570 }
1571 @media (min-width: 550px) { 1571 @media (min-width: 550px) {
1572 .container { 1572 .container {
1573 - width: 120%; 1573 + width: 970px;
1574 } 1574 }
1575 } 1575 }
1576 @media (min-width: 797px) { 1576 @media (min-width: 797px) {
1577 .container { 1577 .container {
1578 - width: 120%; 1578 + width: 970px;
1579 } 1579 }
1580 } 1580 }
1581 @media (min-width: 970px) { 1581 @media (min-width: 970px) {
...@@ -7571,7 +7571,8 @@ This must be run when you have at least 2 sprites. ...@@ -7571,7 +7571,8 @@ This must be run when you have at least 2 sprites.
7571 height: 68px; 7571 height: 68px;
7572 background-size: cover; 7572 background-size: cover;
7573 } 7573 }
7574 -body { 7574 +body,
7575 +html {
7575 min-width: 970px; 7576 min-width: 970px;
7576 } 7577 }
7577 .head-h1 { 7578 .head-h1 {
...@@ -7606,12 +7607,12 @@ label { ...@@ -7606,12 +7607,12 @@ label {
7606 } 7607 }
7607 @media (min-width: 550px) { 7608 @media (min-width: 550px) {
7608 .header__container { 7609 .header__container {
7609 - width: 120%; 7610 + width: 970px;
7610 } 7611 }
7611 } 7612 }
7612 @media (min-width: 797px) { 7613 @media (min-width: 797px) {
7613 .header__container { 7614 .header__container {
7614 - width: 120%; 7615 + width: 970px;
7615 } 7616 }
7616 } 7617 }
7617 @media (min-width: 970px) { 7618 @media (min-width: 970px) {
...@@ -7719,12 +7720,12 @@ label { ...@@ -7719,12 +7720,12 @@ label {
7719 } 7720 }
7720 @media (min-width: 550px) { 7721 @media (min-width: 550px) {
7721 .footer__container { 7722 .footer__container {
7722 - width: 120%; 7723 + width: 970px;
7723 } 7724 }
7724 } 7725 }
7725 @media (min-width: 797px) { 7726 @media (min-width: 797px) {
7726 .footer__container { 7727 .footer__container {
7727 - width: 120%; 7728 + width: 970px;
7728 } 7729 }
7729 } 7730 }
7730 @media (min-width: 970px) { 7731 @media (min-width: 970px) {
...@@ -7777,12 +7778,12 @@ label { ...@@ -7777,12 +7778,12 @@ label {
7777 } 7778 }
7778 @media (min-width: 550px) { 7779 @media (min-width: 550px) {
7779 .content__container { 7780 .content__container {
7780 - width: 120%; 7781 + width: 970px;
7781 } 7782 }
7782 } 7783 }
7783 @media (min-width: 797px) { 7784 @media (min-width: 797px) {
7784 .content__container { 7785 .content__container {
7785 - width: 120%; 7786 + width: 970px;
7786 } 7787 }
7787 } 7788 }
7788 @media (min-width: 970px) { 7789 @media (min-width: 970px) {
...@@ -7888,6 +7889,27 @@ label { ...@@ -7888,6 +7889,27 @@ label {
7888 .item__title .small { 7889 .item__title .small {
7889 font-size: 65%; 7890 font-size: 65%;
7890 } 7891 }
7892 +.pay-item {
7893 + padding: 0;
7894 + margin: 30px 0px 30px 0px;
7895 + list-style: none;
7896 +}
7897 +.pay-item li {
7898 + margin-bottom: 10px;
7899 +}
7900 +.pay-item li:last-child {
7901 + margin-bottom: 0;
7902 +}
7903 +.pay-item__img {
7904 + width: 20%;
7905 + display: inline-block;
7906 +}
7907 +.pay-item__text {
7908 + width: 78%;
7909 + display: inline-block;
7910 + box-sizing: border-box;
7911 + padding-left: 10px;
7912 +}
7891 .promo { 7913 .promo {
7892 text-align: center; 7914 text-align: center;
7893 padding: 30px 0px; 7915 padding: 30px 0px;
......
...@@ -107,55 +107,41 @@ ...@@ -107,55 +107,41 @@
107 </div> 107 </div>
108 108
109 <div class="col-xs-6"> 109 <div class="col-xs-6">
110 - <h2>Пошаговые инструкции для клиентов банков:</h2> 110 + <h3>Пошаговые инструкции для клиентов банков:</h3>
111 111
112 - <ul> 112 + <ul class="pay-item">
113 <li> 113 <li>
114 <a href="#"> 114 <a href="#">
115 - <img src="" alt=""> 115 + <img src="img/bank-sber.png" class="pay-item__img" alt="">
116 - <p>Сбербанк (через сайт)</p> 116 + <p class="pay-item__text">Сбербанк (через сайт)</p>
117 </a> 117 </a>
118 </li> 118 </li>
119 119
120 <li> 120 <li>
121 <a href="#"> 121 <a href="#">
122 - <img src="" alt=""> 122 + <img src="img/bank-alfa.gif" class="pay-item__img" alt="">
123 - <p>Сбербанк (через приложение)</p> 123 + <p class="pay-item__text">Альфа-банк</p>
124 </a> 124 </a>
125 </li> 125 </li>
126 126
127 <li> 127 <li>
128 <a href="#"> 128 <a href="#">
129 - <img src="" alt=""> 129 + <img src="img/bank-raiffaisen.png" class="pay-item__img" alt="">
130 - <p>Сбербанк (через отделение)</p> 130 + <p class="pay-item__text">Райффайзен Банк</p>
131 </a> 131 </a>
132 </li> 132 </li>
133 133
134 <li> 134 <li>
135 <a href="#"> 135 <a href="#">
136 - <img src="" alt=""> 136 + <img src="img/bank-tinkoff.png" class="pay-item__img" alt="">
137 - <p>Альфа-банк</p> 137 + <p class="pay-item__text">Тинькофф Банк</p>
138 </a> 138 </a>
139 </li> 139 </li>
140 140
141 <li> 141 <li>
142 <a href="#"> 142 <a href="#">
143 - <img src="" alt=""> 143 + <img src="img/bank-roket.jpeg" class="pay-item__img" alt="">
144 - <p>Тинькофф Банк</p> 144 + <p class="pay-item__text">Рокетбанк</p>
145 - </a>
146 - </li>
147 -
148 - <li>
149 - <a href="#">
150 - <img src="" alt="">
151 - <p>Райффайзен Банк</p>
152 - </a>
153 - </li>
154 -
155 - <li>
156 - <a href="#">
157 - <img src="" alt="">
158 - <p>Рокетбанк</p>
159 </a> 145 </a>
160 </li> 146 </li>
161 </ul> 147 </ul>
...@@ -172,7 +158,7 @@ ...@@ -172,7 +158,7 @@
172 <div class="item"> 158 <div class="item">
173 <div class="item__block"> 159 <div class="item__block">
174 <div class="item__img"> 160 <div class="item__img">
175 - <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt=""> 161 + <img src="img/empty.png" alt="">
176 </div> 162 </div>
177 163
178 <div class="item__description"> 164 <div class="item__description">
...@@ -184,7 +170,7 @@ ...@@ -184,7 +170,7 @@
184 170
185 <div class="item__block"> 171 <div class="item__block">
186 <div class="item__img"> 172 <div class="item__img">
187 - <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt=""> 173 + <img src="img/empty.png" alt="">
188 </div> 174 </div>
189 175
190 <div class="item__description"> 176 <div class="item__description">
......
No preview for this file type
...@@ -42,20 +42,42 @@ ...@@ -42,20 +42,42 @@
42 <div class="content"> 42 <div class="content">
43 <div class="content__container"> 43 <div class="content__container">
44 44
45 - <h2>Чем занимается совет депутатов</h2> 45 + <h2>Стать волонтёром</h2>
46 46
47 + <p>Кандидатам требуется разная помощь.</p>
48 +
49 + <br>
50 + <br>
47 <br> 51 <br>
48 52
49 - <p>Что такое совет депутатов ВМО «Щукино»?</p> 53 + <h2>Разноска газет и листовок</h2>
50 54
51 <br> 55 <br>
56 + <br>
57 + <br>
58 + <br>
52 59
53 - <p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p> 60 + <div class="row">
61 + <div class="col-xs-14">
62 + <h2>Наблюдение на выборах</h2>
54 63
55 - <br> 64 + <p>По закону каждый из кандидатов может выдвинуть двух наблюдателей на каждом избирательном участке. В Савёловском районе 15 участков. Мы хотим добиться честных выборов и будем стараться выдвинуть на каждом участке хотя бы четверых наблюдателей. Суммарно - 60 человек.</p>
65 + </div>
66 +
67 + <div class="col-xs-7 pull-right">
68 + <h2>Зарегистрированных наблюдателей</h2>
69 +
70 + <br>
56 71
57 - <p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p> 72 + <div class="progress">
73 + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
74 + 20 000 / 80 000
75 + </div>
76 + </div>
58 77
78 + <button class="btn btn-default">Стать наблюдателем</button>
79 + </div>
80 + </div>
59 81
60 </div> 82 </div>
61 </div> 83 </div>
......
...@@ -70,55 +70,41 @@ ...@@ -70,55 +70,41 @@
70 </div> 70 </div>
71 71
72 <div class="col-xs-6"> 72 <div class="col-xs-6">
73 - <h2>Пошаговые инструкции для клиентов банков:</h2> 73 + <h3>Пошаговые инструкции для клиентов банков:</h3>
74 74
75 - <ul> 75 + <ul class="pay-item">
76 <li> 76 <li>
77 <a href="#"> 77 <a href="#">
78 - <img src="" alt=""> 78 + <img src="img/bank-sber.png" class="pay-item__img" alt="">
79 - <p>Сбербанк (через сайт)</p> 79 + <p class="pay-item__text">Сбербанк (через сайт)</p>
80 </a> 80 </a>
81 </li> 81 </li>
82 82
83 <li> 83 <li>
84 <a href="#"> 84 <a href="#">
85 - <img src="" alt=""> 85 + <img src="img/bank-alfa.gif" class="pay-item__img" alt="">
86 - <p>Сбербанк (через приложение)</p> 86 + <p class="pay-item__text">Альфа-банк</p>
87 </a> 87 </a>
88 </li> 88 </li>
89 89
90 <li> 90 <li>
91 <a href="#"> 91 <a href="#">
92 - <img src="" alt=""> 92 + <img src="img/bank-raiffaisen.png" class="pay-item__img" alt="">
93 - <p>Сбербанк (через отделение)</p> 93 + <p class="pay-item__text">Райффайзен Банк</p>
94 </a> 94 </a>
95 </li> 95 </li>
96 96
97 <li> 97 <li>
98 <a href="#"> 98 <a href="#">
99 - <img src="" alt=""> 99 + <img src="img/bank-tinkoff.png" class="pay-item__img" alt="">
100 - <p>Альфа-банк</p> 100 + <p class="pay-item__text">Тинькофф Банк</p>
101 </a> 101 </a>
102 </li> 102 </li>
103 103
104 <li> 104 <li>
105 <a href="#"> 105 <a href="#">
106 - <img src="" alt=""> 106 + <img src="img/bank-roket.jpeg" class="pay-item__img" alt="">
107 - <p>Тинькофф Банк</p> 107 + <p class="pay-item__text">Рокетбанк</p>
108 - </a>
109 - </li>
110 -
111 - <li>
112 - <a href="#">
113 - <img src="" alt="">
114 - <p>Райффайзен Банк</p>
115 - </a>
116 - </li>
117 -
118 - <li>
119 - <a href="#">
120 - <img src="" alt="">
121 - <p>Рокетбанк</p>
122 </a> 108 </a>
123 </li> 109 </li>
124 </ul> 110 </ul>
...@@ -135,7 +121,7 @@ ...@@ -135,7 +121,7 @@
135 <div class="item"> 121 <div class="item">
136 <div class="item__block"> 122 <div class="item__block">
137 <div class="item__img"> 123 <div class="item__img">
138 - <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt=""> 124 + <img src="img/empty.png" alt="">
139 </div> 125 </div>
140 126
141 <div class="item__description"> 127 <div class="item__description">
...@@ -147,7 +133,7 @@ ...@@ -147,7 +133,7 @@
147 133
148 <div class="item__block"> 134 <div class="item__block">
149 <div class="item__img"> 135 <div class="item__img">
150 - <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt=""> 136 + <img src="img/empty.png" alt="">
151 </div> 137 </div>
152 138
153 <div class="item__description"> 139 <div class="item__description">
......
...@@ -78,4 +78,30 @@ ...@@ -78,4 +78,30 @@
78 .h3; 78 .h3;
79 margin-top: 0; 79 margin-top: 0;
80 } 80 }
81 +}
82 +
83 +.pay-item {
84 + padding: 0;
85 + margin: 30px 0px 30px 0px;
86 + list-style: none;
87 +
88 + li {
89 + margin-bottom: 10px;
90 +
91 + &:last-child {
92 + margin-bottom: 0;
93 + }
94 + }
95 +
96 + &__img {
97 + width: 20%;
98 + display: inline-block;
99 + }
100 +
101 + &__text {
102 + width: 78%;
103 + display: inline-block;
104 + box-sizing: border-box;
105 + padding-left: 10px;
106 + }
81 } 107 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1
2 -body { 2 +body, html{
3 min-width: 970px; 3 min-width: 970px;
4 } 4 }
5 5
......
...@@ -58,12 +58,12 @@ ...@@ -58,12 +58,12 @@
58 //## Define the maximum width of `.container` for different screen sizes. 58 //## Define the maximum width of `.container` for different screen sizes.
59 59
60 // Small screen / tablet 60 // Small screen / tablet
61 -@container-tablet: (100% + @grid-gutter-width); 61 +@container-tablet: (950px + @grid-gutter-width);
62 //** For `@screen-sm-min` and up. 62 //** For `@screen-sm-min` and up.
63 @container-sm: @container-tablet; 63 @container-sm: @container-tablet;
64 64
65 // Medium screen / desktop 65 // Medium screen / desktop
66 -@container-desktop: (100% + @grid-gutter-width); 66 +@container-desktop: (950px + @grid-gutter-width);
67 //** For `@screen-md-min` and up. 67 //** For `@screen-md-min` and up.
68 @container-md: @container-desktop; 68 @container-md: @container-desktop;
69 69
......
...@@ -5,20 +5,42 @@ ...@@ -5,20 +5,42 @@
5 <div class="content"> 5 <div class="content">
6 <div class="content__container"> 6 <div class="content__container">
7 7
8 - <h2>Чем занимается совет депутатов</h2> 8 + <h2>Стать волонтёром</h2>
9 9
10 + <p>Кандидатам требуется разная помощь.</p>
11 +
12 + <br>
13 + <br>
10 <br> 14 <br>
11 15
12 - <p>Что такое совет депутатов ВМО «Щукино»?</p> 16 + <h2>Разноска газет и листовок</h2>
13 17
14 <br> 18 <br>
19 + <br>
20 + <br>
21 + <br>
15 22
16 - <p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p> 23 + <div class="row">
24 + <div class="col-xs-14">
25 + <h2>Наблюдение на выборах</h2>
17 26
18 - <br> 27 + <p>По закону каждый из кандидатов может выдвинуть двух наблюдателей на каждом избирательном участке. В Савёловском районе 15 участков. Мы хотим добиться честных выборов и будем стараться выдвинуть на каждом участке хотя бы четверых наблюдателей. Суммарно - 60 человек.</p>
28 + </div>
29 +
30 + <div class="col-xs-7 pull-right">
31 + <h2>Зарегистрированных наблюдателей</h2>
32 +
33 + <br>
19 34
20 - <p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p> 35 + <div class="progress">
36 + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
37 + 20 000 / 80 000
38 + </div>
39 + </div>
21 40
41 + <button class="btn btn-default">Стать наблюдателем</button>
42 + </div>
43 + </div>
22 44
23 </div> 45 </div>
24 </div> 46 </div>
......