Pavel Popeskul

-volont

1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
...\ No newline at end of file ...\ No newline at end of file
1 -<!doctype html>
2 -<html lang="ru">
3 -<head>
4 - <meta charset="utf-8">
5 - <meta http-equiv="x-ua-compatible" content="ie=edge">
6 - <title>Выборы в Совет депутатов Савёловского района</title>
7 - <meta name="description" content="">
8 - <meta name="viewport" content="width=device-width, initial-scale=1">
9 - <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 - <link rel="stylesheet" href="css/main.css">
11 - <script src="js/main.js"></script>
12 -</head>
13 -<body>
14 -<div class="header">
15 - <div class="header__container">
16 - <a href="#" class="header__logo">
17 - <div class="icon icon__logo"></div>
18 - </a>
19 -
20 - <div class="head-h1 header__title">Выборы в Совет <br> депутатов Савёловского района</div>
21 1
22 - <br> 2 +<div class="header ">
23 - 3 + <div class="header__container">
24 - <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p> 4 + <div class="header__row">
5 + <a href="#" class="header__logo ">
6 + <div class="icon icon__logo"></div>
7 + </a>
25 8
26 - <br> 9 + <div class="header__nav ">
10 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
27 11
28 - <button type="button" class="btn btn-default">Познакомится с кандидатами</button> 12 + <ul class="nav nav--header">
13 + <li><a href="about.html">О совете депутатов</a></li>
14 + <li><a href="candidates.html">Кандидаты</a></li>
15 + <li><a href="help.html">Как помочь</a></li>
16 + <li><a href="volunteer.html">Стать волонтёром</a></li>
17 + <li><a href="vote.html">Как проголосовать</a></li>
18 + </ul>
19 + </div>
29 20
30 - <div class="header__nav"> 21 + <div class="header__do">
31 - <ul class="nav"> 22 + <button type="button" class="btn btn-default">Поддержать</button>
32 - <li><a href="#">О совете депутатов</a></li> 23 + </div>
33 - <li><a href="#">Кандидаты</a></li>
34 - <li><a href="#">Как помочь</a></li>
35 - <li><a href="#">Стать волонтёром</a></li>
36 - <li><a href="#">Как проголосовать</a></li>
37 - </ul>
38 </div> 24 </div>
39 </div> 25 </div>
40 </div> 26 </div>
...\ No newline at end of file ...\ No newline at end of file
......
1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
14 +
15 +
16 +<div class="header ">
17 + <div class="header__container">
18 + <div class="header__row">
19 + <a href="#" class="header__logo ">
20 + <div class="icon icon__logo"></div>
21 + </a>
22 +
23 + <div class="header__nav ">
24 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
25 +
26 + <ul class="nav nav--header">
27 + <li><a href="about.html">О совете депутатов</a></li>
28 + <li><a href="candidates.html">Кандидаты</a></li>
29 + <li><a href="help.html">Как помочь</a></li>
30 + <li><a href="volunteer.html">Стать волонтёром</a></li>
31 + <li><a href="vote.html">Как проголосовать</a></li>
32 + </ul>
33 + </div>
34 +
35 + <div class="header__do">
36 + <button type="button" class="btn btn-default">Поддержать</button>
37 + </div>
38 + </div>
39 + </div>
40 +</div>
41 +
42 +<div class="content">
43 + <div class="content__container">
44 +
45 + <h2>Чем занимается совет депутатов</h2>
46 +
47 + <br>
48 +
49 + <p>Что такое совет депутатов ВМО «Щукино»?</p>
50 +
51 + <br>
52 +
53 + <p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
54 +
55 + <br>
56 +
57 + <p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
58 +
59 +
60 + </div>
61 +</div>
62 +
63 +<div class="footer">
64 + <div class="footer__container">
65 + <div class="footer__left">
66 + <p>Следите за кампанией</p>
67 +
68 + <ul class="social">
69 + <li><a href="#">Вконтакте</a></li>
70 + <li><a href="#">Фейсбук</a></li>
71 + <li><a href="#">Твиттер</a></li>
72 + <li><a href="#">Одноклассники</a></li>
73 + </ul>
74 +
75 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
76 +
77 +
78 + <form class="form-inline" role="form">
79 + <div class="form-group">
80 + <input type="email" class="form-control" placeholder="">
81 + </div>
82 + <button type="submit" class="btn btn-default">Напомнить о выборах</button>
83 + </form>
84 + </div>
85 +
86 + <div class="footer__right">
87 + <p>Пообщаться с кандидатами</p>
88 +
89 + <ul class="social">
90 + <li><a href="#">Телеграм</a></li>
91 + <li><a href="#">Электронная почта</a></li>
92 + <li><a href="#">Телефон</a></li>
93 + </ul>
94 + </div>
95 +
96 + <div class="col-xs-24 text-center">
97 + <br>
98 +
99 + <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>
100 +
101 + <br>
102 +
103 + <button type="button" class="btn btn-default">Как проголосовать</button>
104 + </div>
105 + </div>
106 +</div>
107 +</body>
108 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
14 +
15 +
16 +<div class="header ">
17 + <div class="header__container">
18 + <div class="header__row">
19 + <a href="#" class="header__logo ">
20 + <div class="icon icon__logo"></div>
21 + </a>
22 +
23 + <div class="header__nav ">
24 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
25 +
26 + <ul class="nav nav--header">
27 + <li><a href="about.html">О совете депутатов</a></li>
28 + <li><a href="candidates.html">Кандидаты</a></li>
29 + <li><a href="help.html">Как помочь</a></li>
30 + <li><a href="volunteer.html">Стать волонтёром</a></li>
31 + <li><a href="vote.html">Как проголосовать</a></li>
32 + </ul>
33 + </div>
34 +
35 + <div class="header__do">
36 + <button type="button" class="btn btn-default">Поддержать</button>
37 + </div>
38 + </div>
39 + </div>
40 +</div>
41 +
42 +<div class="content">
43 + <div class="content__container">
44 +
45 + <h2>За кого голосовать в Савёловском районе</h2>
46 +
47 + <br>
48 +
49 + <div class="vote">
50 + <div class="vote__map">
51 + <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>
52 + </div>
53 +
54 + <div class="vote__description">
55 + <div class="row">
56 + <div class="col-lg-24">
57 + <div class="input-group">
58 + <input type="text" class="form-control" placeholder="Ваш адрес">
59 +
60 + <span class="input-group-btn">
61 + <button class="btn btn-default" type="button">Найти</button>
62 + </span>
63 + </div>
64 + </div>
65 + </div>
66 + </div>
67 + </div>
68 +
69 + <br>
70 + <br>
71 +
72 + <div class="district">
73 + <h2>Округ 1</h2>
74 +
75 + <br>
76 +
77 + <div class="district__block">
78 + <div class="district__profile">
79 + <div class="district__profile__img">
80 + <span class="thumbnail thumbnail--custom img-circle">
81 + <img src="img/profile.jpg" class="" alt="">
82 + </span>
83 + </div>
84 +
85 + <div class="district__profile__description">
86 + <p><strong>Балахванцев</strong></p>
87 + <p>Арчил Савелич</p>
88 +
89 + <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>
90 + </div>
91 + </div>
92 +
93 + <div class="district__description">
94 + <p><strong>1-я Бебеля ул.</strong></p>
95 +
96 + <p>7, 7А</p>
97 +
98 + <p><strong>1-я Бебеля ул.</strong></p>
99 +
100 + <p>7, 7А</p>
101 +
102 + <p><strong>1-я Бебеля ул.</strong></p>
103 +
104 + <p>7, 7А</p>
105 +
106 + <p><strong>1-я Бебеля ул.</strong></p>
107 +
108 + <p>7, 7А</p>
109 + </div>
110 + </div>
111 +
112 + <div class="district__block">
113 + <div class="district__profile">
114 + <div class="district__profile__img">
115 + <span class="thumbnail thumbnail--custom img-circle">
116 + <img src="img/profile.jpg" class="" alt="">
117 + </span>
118 + </div>
119 +
120 + <div class="district__profile__description">
121 + <p><strong>Балахванцев</strong></p>
122 + <p>Арчил Савелич</p>
123 +
124 + <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>
125 + </div>
126 + </div>
127 +
128 + <div class="district__description">
129 + <p><strong>1-я Бебеля ул.</strong></p>
130 +
131 + <p>7, 7А</p>
132 +
133 + <p><strong>1-я Бебеля ул.</strong></p>
134 +
135 + <p>7, 7А</p>
136 +
137 + <p><strong>1-я Бебеля ул.</strong></p>
138 +
139 + <p>7, 7А</p>
140 +
141 + <p><strong>1-я Бебеля ул.</strong></p>
142 +
143 + <p>7, 7А</p>
144 + </div>
145 + </div>
146 +
147 + <div class="district__block">
148 + <div class="district__profile">
149 + <div class="district__profile__img">
150 + <span class="thumbnail thumbnail--custom img-circle">
151 + <img src="img/profile.jpg" class="" alt="">
152 + </span>
153 + </div>
154 +
155 + <div class="district__profile__description">
156 + <p><strong>Балахванцев</strong></p>
157 + <p>Арчил Савелич</p>
158 +
159 + <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>
160 + </div>
161 + </div>
162 +
163 + <div class="district__description">
164 + <p><strong>1-я Бебеля ул.</strong></p>
165 +
166 + <p>7, 7А</p>
167 +
168 + <p><strong>1-я Бебеля ул.</strong></p>
169 +
170 + <p>7, 7А</p>
171 +
172 + <p><strong>1-я Бебеля ул.</strong></p>
173 +
174 + <p>7, 7А</p>
175 +
176 + <p><strong>1-я Бебеля ул.</strong></p>
177 +
178 + <p>7, 7А</p>
179 + </div>
180 + </div>
181 +
182 + <div class="district__block">
183 + <div class="district__profile">
184 + <div class="district__profile__img">
185 + <span class="thumbnail thumbnail--custom img-circle">
186 + <img src="img/profile.jpg" class="" alt="">
187 + </span>
188 + </div>
189 +
190 + <div class="district__profile__description">
191 + <p><strong>Балахванцев</strong></p>
192 + <p>Арчил Савелич</p>
193 +
194 + <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>
195 + </div>
196 + </div>
197 +
198 + <div class="district__description">
199 + <p><strong>1-я Бебеля ул.</strong></p>
200 +
201 + <p>7, 7А</p>
202 +
203 + <p><strong>1-я Бебеля ул.</strong></p>
204 +
205 + <p>7, 7А</p>
206 +
207 + <p><strong>1-я Бебеля ул.</strong></p>
208 +
209 + <p>7, 7А</p>
210 +
211 + <p><strong>1-я Бебеля ул.</strong></p>
212 +
213 + <p>7, 7А</p>
214 + </div>
215 + </div>
216 +
217 + <div class="district__block">
218 + <div class="district__profile">
219 + <div class="district__profile__img">
220 + <span class="thumbnail thumbnail--custom img-circle">
221 + <img src="img/profile.jpg" class="" alt="">
222 + </span>
223 + </div>
224 +
225 + <div class="district__profile__description">
226 + <p><strong>Балахванцев</strong></p>
227 + <p>Арчил Савелич</p>
228 +
229 + <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>
230 + </div>
231 + </div>
232 +
233 + <div class="district__description">
234 + <p><strong>1-я Бебеля ул.</strong></p>
235 +
236 + <p>7, 7А</p>
237 +
238 + <p><strong>1-я Бебеля ул.</strong></p>
239 +
240 + <p>7, 7А</p>
241 +
242 + <p><strong>1-я Бебеля ул.</strong></p>
243 +
244 + <p>7, 7А</p>
245 +
246 + <p><strong>1-я Бебеля ул.</strong></p>
247 +
248 + <p>7, 7А</p>
249 + </div>
250 + </div>
251 + </div>
252 +
253 + <div class="district">
254 + <h2>Округ 1</h2>
255 +
256 + <br>
257 +
258 + <div class="district__block">
259 + <div class="district__profile">
260 + <div class="district__profile__img">
261 + <span class="thumbnail thumbnail--custom img-circle">
262 + <img src="img/profile.jpg" class="" alt="">
263 + </span>
264 + </div>
265 +
266 + <div class="district__profile__description">
267 + <p><strong>Балахванцев</strong></p>
268 + <p>Арчил Савелич</p>
269 +
270 + <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>
271 + </div>
272 + </div>
273 +
274 + <div class="district__description">
275 + <p><strong>1-я Бебеля ул.</strong></p>
276 +
277 + <p>7, 7А</p>
278 +
279 + <p><strong>1-я Бебеля ул.</strong></p>
280 +
281 + <p>7, 7А</p>
282 +
283 + <p><strong>1-я Бебеля ул.</strong></p>
284 +
285 + <p>7, 7А</p>
286 +
287 + <p><strong>1-я Бебеля ул.</strong></p>
288 +
289 + <p>7, 7А</p>
290 + </div>
291 + </div>
292 +
293 + <div class="district__block">
294 + <div class="district__profile">
295 + <div class="district__profile__img">
296 + <span class="thumbnail thumbnail--custom img-circle">
297 + <img src="img/profile.jpg" class="" alt="">
298 + </span>
299 + </div>
300 +
301 + <div class="district__profile__description">
302 + <p><strong>Балахванцев</strong></p>
303 + <p>Арчил Савелич</p>
304 +
305 + <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>
306 + </div>
307 + </div>
308 +
309 + <div class="district__description">
310 + <p><strong>1-я Бебеля ул.</strong></p>
311 +
312 + <p>7, 7А</p>
313 +
314 + <p><strong>1-я Бебеля ул.</strong></p>
315 +
316 + <p>7, 7А</p>
317 +
318 + <p><strong>1-я Бебеля ул.</strong></p>
319 +
320 + <p>7, 7А</p>
321 +
322 + <p><strong>1-я Бебеля ул.</strong></p>
323 +
324 + <p>7, 7А</p>
325 + </div>
326 + </div>
327 +
328 + <div class="district__block">
329 + <div class="district__profile">
330 + <div class="district__profile__img">
331 + <span class="thumbnail thumbnail--custom img-circle">
332 + <img src="img/profile.jpg" class="" alt="">
333 + </span>
334 + </div>
335 +
336 + <div class="district__profile__description">
337 + <p><strong>Балахванцев</strong></p>
338 + <p>Арчил Савелич</p>
339 +
340 + <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>
341 + </div>
342 + </div>
343 +
344 + <div class="district__description">
345 + <p><strong>1-я Бебеля ул.</strong></p>
346 +
347 + <p>7, 7А</p>
348 +
349 + <p><strong>1-я Бебеля ул.</strong></p>
350 +
351 + <p>7, 7А</p>
352 +
353 + <p><strong>1-я Бебеля ул.</strong></p>
354 +
355 + <p>7, 7А</p>
356 +
357 + <p><strong>1-я Бебеля ул.</strong></p>
358 +
359 + <p>7, 7А</p>
360 + </div>
361 + </div>
362 +
363 + <div class="district__block">
364 + <div class="district__profile">
365 + <div class="district__profile__img">
366 + <span class="thumbnail thumbnail--custom img-circle">
367 + <img src="img/profile.jpg" class="" alt="">
368 + </span>
369 + </div>
370 +
371 + <div class="district__profile__description">
372 + <p><strong>Балахванцев</strong></p>
373 + <p>Арчил Савелич</p>
374 +
375 + <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>
376 + </div>
377 + </div>
378 +
379 + <div class="district__description">
380 + <p><strong>1-я Бебеля ул.</strong></p>
381 +
382 + <p>7, 7А</p>
383 +
384 + <p><strong>1-я Бебеля ул.</strong></p>
385 +
386 + <p>7, 7А</p>
387 +
388 + <p><strong>1-я Бебеля ул.</strong></p>
389 +
390 + <p>7, 7А</p>
391 +
392 + <p><strong>1-я Бебеля ул.</strong></p>
393 +
394 + <p>7, 7А</p>
395 + </div>
396 + </div>
397 +
398 + <div class="district__block">
399 + <div class="district__profile">
400 + <div class="district__profile__img">
401 + <span class="thumbnail thumbnail--custom img-circle">
402 + <img src="img/profile.jpg" class="" alt="">
403 + </span>
404 + </div>
405 +
406 + <div class="district__profile__description">
407 + <p><strong>Балахванцев</strong></p>
408 + <p>Арчил Савелич</p>
409 +
410 + <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>
411 + </div>
412 + </div>
413 +
414 + <div class="district__description">
415 + <p><strong>1-я Бебеля ул.</strong></p>
416 +
417 + <p>7, 7А</p>
418 +
419 + <p><strong>1-я Бебеля ул.</strong></p>
420 +
421 + <p>7, 7А</p>
422 +
423 + <p><strong>1-я Бебеля ул.</strong></p>
424 +
425 + <p>7, 7А</p>
426 +
427 + <p><strong>1-я Бебеля ул.</strong></p>
428 +
429 + <p>7, 7А</p>
430 + </div>
431 + </div>
432 + </div>
433 +
434 + <div class="district">
435 + <h2>Округ 1</h2>
436 +
437 + <br>
438 +
439 + <div class="district__block">
440 + <div class="district__profile">
441 + <div class="district__profile__img">
442 + <span class="thumbnail thumbnail--custom img-circle">
443 + <img src="img/profile.jpg" class="" alt="">
444 + </span>
445 + </div>
446 +
447 + <div class="district__profile__description">
448 + <p><strong>Балахванцев</strong></p>
449 + <p>Арчил Савелич</p>
450 +
451 + <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>
452 + </div>
453 + </div>
454 +
455 + <div class="district__description">
456 + <p><strong>1-я Бебеля ул.</strong></p>
457 +
458 + <p>7, 7А</p>
459 +
460 + <p><strong>1-я Бебеля ул.</strong></p>
461 +
462 + <p>7, 7А</p>
463 +
464 + <p><strong>1-я Бебеля ул.</strong></p>
465 +
466 + <p>7, 7А</p>
467 +
468 + <p><strong>1-я Бебеля ул.</strong></p>
469 +
470 + <p>7, 7А</p>
471 + </div>
472 + </div>
473 +
474 + <div class="district__block">
475 + <div class="district__profile">
476 + <div class="district__profile__img">
477 + <span class="thumbnail thumbnail--custom img-circle">
478 + <img src="img/profile.jpg" class="" alt="">
479 + </span>
480 + </div>
481 +
482 + <div class="district__profile__description">
483 + <p><strong>Балахванцев</strong></p>
484 + <p>Арчил Савелич</p>
485 +
486 + <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>
487 + </div>
488 + </div>
489 +
490 + <div class="district__description">
491 + <p><strong>1-я Бебеля ул.</strong></p>
492 +
493 + <p>7, 7А</p>
494 +
495 + <p><strong>1-я Бебеля ул.</strong></p>
496 +
497 + <p>7, 7А</p>
498 +
499 + <p><strong>1-я Бебеля ул.</strong></p>
500 +
501 + <p>7, 7А</p>
502 +
503 + <p><strong>1-я Бебеля ул.</strong></p>
504 +
505 + <p>7, 7А</p>
506 + </div>
507 + </div>
508 +
509 + <div class="district__block">
510 + <div class="district__profile">
511 + <div class="district__profile__img">
512 + <span class="thumbnail thumbnail--custom img-circle">
513 + <img src="img/profile.jpg" class="" alt="">
514 + </span>
515 + </div>
516 +
517 + <div class="district__profile__description">
518 + <p><strong>Балахванцев</strong></p>
519 + <p>Арчил Савелич</p>
520 +
521 + <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>
522 + </div>
523 + </div>
524 +
525 + <div class="district__description">
526 + <p><strong>1-я Бебеля ул.</strong></p>
527 +
528 + <p>7, 7А</p>
529 +
530 + <p><strong>1-я Бебеля ул.</strong></p>
531 +
532 + <p>7, 7А</p>
533 +
534 + <p><strong>1-я Бебеля ул.</strong></p>
535 +
536 + <p>7, 7А</p>
537 +
538 + <p><strong>1-я Бебеля ул.</strong></p>
539 +
540 + <p>7, 7А</p>
541 + </div>
542 + </div>
543 +
544 + <div class="district__block">
545 + <div class="district__profile">
546 + <div class="district__profile__img">
547 + <span class="thumbnail thumbnail--custom img-circle">
548 + <img src="img/profile.jpg" class="" alt="">
549 + </span>
550 + </div>
551 +
552 + <div class="district__profile__description">
553 + <p><strong>Балахванцев</strong></p>
554 + <p>Арчил Савелич</p>
555 +
556 + <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>
557 + </div>
558 + </div>
559 +
560 + <div class="district__description">
561 + <p><strong>1-я Бебеля ул.</strong></p>
562 +
563 + <p>7, 7А</p>
564 +
565 + <p><strong>1-я Бебеля ул.</strong></p>
566 +
567 + <p>7, 7А</p>
568 +
569 + <p><strong>1-я Бебеля ул.</strong></p>
570 +
571 + <p>7, 7А</p>
572 +
573 + <p><strong>1-я Бебеля ул.</strong></p>
574 +
575 + <p>7, 7А</p>
576 + </div>
577 + </div>
578 +
579 + <div class="district__block">
580 + <div class="district__profile">
581 + <div class="district__profile__img">
582 + <span class="thumbnail thumbnail--custom img-circle">
583 + <img src="img/profile.jpg" class="" alt="">
584 + </span>
585 + </div>
586 +
587 + <div class="district__profile__description">
588 + <p><strong>Балахванцев</strong></p>
589 + <p>Арчил Савелич</p>
590 +
591 + <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>
592 + </div>
593 + </div>
594 +
595 + <div class="district__description">
596 + <p><strong>1-я Бебеля ул.</strong></p>
597 +
598 + <p>7, 7А</p>
599 +
600 + <p><strong>1-я Бебеля ул.</strong></p>
601 +
602 + <p>7, 7А</p>
603 +
604 + <p><strong>1-я Бебеля ул.</strong></p>
605 +
606 + <p>7, 7А</p>
607 +
608 + <p><strong>1-я Бебеля ул.</strong></p>
609 +
610 + <p>7, 7А</p>
611 + </div>
612 + </div>
613 + </div>
614 +
615 + </div>
616 +</div>
617 +
618 +<div class="footer">
619 + <div class="footer__container">
620 + <div class="footer__left">
621 + <p>Следите за кампанией</p>
622 +
623 + <ul class="social">
624 + <li><a href="#">Вконтакте</a></li>
625 + <li><a href="#">Фейсбук</a></li>
626 + <li><a href="#">Твиттер</a></li>
627 + <li><a href="#">Одноклассники</a></li>
628 + </ul>
629 +
630 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
631 +
632 +
633 + <form class="form-inline" role="form">
634 + <div class="form-group">
635 + <input type="email" class="form-control" placeholder="">
636 + </div>
637 + <button type="submit" class="btn btn-default">Напомнить о выборах</button>
638 + </form>
639 + </div>
640 +
641 + <div class="footer__right">
642 + <p>Пообщаться с кандидатами</p>
643 +
644 + <ul class="social">
645 + <li><a href="#">Телеграм</a></li>
646 + <li><a href="#">Электронная почта</a></li>
647 + <li><a href="#">Телефон</a></li>
648 + </ul>
649 + </div>
650 +
651 + <div class="col-xs-24 text-center">
652 + <br>
653 +
654 + <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>
655 +
656 + <br>
657 +
658 + <button type="button" class="btn btn-default">Как проголосовать</button>
659 + </div>
660 + </div>
661 +</div>
662 +</body>
663 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -6950,10 +6950,18 @@ button.close { ...@@ -6950,10 +6950,18 @@ button.close {
6950 .modal-footer:after, 6950 .modal-footer:after,
6951 .header__container:before, 6951 .header__container:before,
6952 .header__container:after, 6952 .header__container:after,
6953 +.header__row:before,
6954 +.header__row:after,
6953 .footer__container:before, 6955 .footer__container:before,
6954 .footer__container:after, 6956 .footer__container:after,
6955 .content__container:before, 6957 .content__container:before,
6956 -.content__container:after { 6958 +.content__container:after,
6959 +.recipient__row:before,
6960 +.recipient__row:after,
6961 +.item__block:before,
6962 +.item__block:after,
6963 +.promo__row:before,
6964 +.promo__row:after {
6957 content: " "; 6965 content: " ";
6958 display: table; 6966 display: table;
6959 } 6967 }
...@@ -6974,8 +6982,12 @@ button.close { ...@@ -6974,8 +6982,12 @@ button.close {
6974 .modal-header:after, 6982 .modal-header:after,
6975 .modal-footer:after, 6983 .modal-footer:after,
6976 .header__container:after, 6984 .header__container:after,
6985 +.header__row:after,
6977 .footer__container:after, 6986 .footer__container:after,
6978 -.content__container:after { 6987 +.content__container:after,
6988 +.recipient__row:after,
6989 +.item__block:after,
6990 +.promo__row:after {
6979 clear: both; 6991 clear: both;
6980 } 6992 }
6981 .center-block { 6993 .center-block {
...@@ -7559,9 +7571,20 @@ This must be run when you have at least 2 sprites. ...@@ -7559,9 +7571,20 @@ This must be run when you have at least 2 sprites.
7559 height: 68px; 7571 height: 68px;
7560 background-size: cover; 7572 background-size: cover;
7561 } 7573 }
7574 +body {
7575 + min-width: 970px;
7576 +}
7562 .head-h1 { 7577 .head-h1 {
7563 font-size: 28px; 7578 font-size: 28px;
7564 } 7579 }
7580 +h1,
7581 +h2,
7582 +h3 {
7583 + margin-top: 10px;
7584 +}
7585 +label {
7586 + margin-bottom: 0;
7587 +}
7565 .btn { 7588 .btn {
7566 outline: none; 7589 outline: none;
7567 } 7590 }
...@@ -7573,8 +7596,7 @@ This must be run when you have at least 2 sprites. ...@@ -7573,8 +7596,7 @@ This must be run when you have at least 2 sprites.
7573 outline: none; 7596 outline: none;
7574 } 7597 }
7575 .header { 7598 .header {
7576 - text-align: center; 7599 + padding: 11px 0px 35px 0px;
7577 - padding: 30px 0px;
7578 } 7600 }
7579 .header__container { 7601 .header__container {
7580 margin-right: auto; 7602 margin-right: auto;
...@@ -7609,28 +7631,81 @@ This must be run when you have at least 2 sprites. ...@@ -7609,28 +7631,81 @@ This must be run when you have at least 2 sprites.
7609 margin-left: 0; 7631 margin-left: 0;
7610 } 7632 }
7611 } 7633 }
7634 +.header__row {
7635 + margin-left: -10px;
7636 + margin-right: -10px;
7637 +}
7612 .header__logo { 7638 .header__logo {
7613 - margin-bottom: 30px; 7639 + position: relative;
7614 - display: inline-block; 7640 + float: left;
7641 + width: 8.33333333%;
7642 + min-height: 1px;
7643 + padding-left: 10px;
7644 + padding-right: 10px;
7645 +}
7646 +.header__title {
7647 + font-size: 18px;
7648 + font-weight: bold;
7649 + margin-top: 10px;
7615 } 7650 }
7616 .header__nav { 7651 .header__nav {
7617 - margin-top: 30px; 7652 + position: relative;
7653 + float: left;
7654 + width: 77.08333333%;
7655 + min-height: 1px;
7656 + padding-left: 10px;
7657 + padding-right: 10px;
7618 } 7658 }
7619 -.nav { 7659 +.header__do {
7660 + position: relative;
7661 + float: left;
7662 + width: 14.58333333%;
7663 + min-height: 1px;
7664 + padding-left: 10px;
7665 + padding-right: 10px;
7666 + margin-top: 15px;
7667 + text-align: right;
7668 +}
7669 +.header__do .btn {
7670 + width: 100%;
7671 +}
7672 +.nav--promo {
7620 width: 100%; 7673 width: 100%;
7621 text-align: center; 7674 text-align: center;
7622 } 7675 }
7623 -.nav li { 7676 +.nav--promo li {
7624 display: inline-block; 7677 display: inline-block;
7625 } 7678 }
7626 -.nav li a { 7679 +.nav--promo li a {
7627 text-decoration: underline; 7680 text-decoration: underline;
7628 color: #000; 7681 color: #000;
7629 } 7682 }
7630 -.nav li a:focus, 7683 +.nav--promo li a:focus,
7631 -.nav li a:hover { 7684 +.nav--promo li a:hover {
7632 color: #000; 7685 color: #000;
7633 text-decoration: underline; 7686 text-decoration: underline;
7687 + background: transparent;
7688 +}
7689 +.nav--header {
7690 + margin-top: 15px;
7691 +}
7692 +.nav--header li {
7693 + display: inline-block;
7694 + margin-right: 15px;
7695 +}
7696 +.nav--header li:last-child {
7697 + margin-right: 0;
7698 +}
7699 +.nav--header li a {
7700 + padding: 0;
7701 + font-size: 16px;
7702 + color: #000;
7703 +}
7704 +.nav--header li a:focus,
7705 +.nav--header li a:hover {
7706 + color: #000;
7707 + text-decoration: underline;
7708 + background: transparent;
7634 } 7709 }
7635 .footer { 7710 .footer {
7636 padding: 30px 0px; 7711 padding: 30px 0px;
...@@ -7691,7 +7766,8 @@ This must be run when you have at least 2 sprites. ...@@ -7691,7 +7766,8 @@ This must be run when you have at least 2 sprites.
7691 text-decoration: underline; 7766 text-decoration: underline;
7692 } 7767 }
7693 .content { 7768 .content {
7694 - min-height: 300px; 7769 + min-height: 500px;
7770 + padding-bottom: 30px;
7695 } 7771 }
7696 .content__container { 7772 .content__container {
7697 margin-right: auto; 7773 margin-right: auto;
...@@ -7726,3 +7802,207 @@ This must be run when you have at least 2 sprites. ...@@ -7726,3 +7802,207 @@ This must be run when you have at least 2 sprites.
7726 margin-left: 0; 7802 margin-left: 0;
7727 } 7803 }
7728 } 7804 }
7805 +.thumbnail--custom {
7806 + display: inline-block;
7807 + width: 150px;
7808 + height: 150px;
7809 + position: relative;
7810 + overflow: hidden;
7811 +}
7812 +.thumbnail--custom img {
7813 + position: absolute;
7814 + left: 50%;
7815 + top: 50%;
7816 + transform: translate(-50%, -50%);
7817 +}
7818 +.recipient__row {
7819 + margin-left: -10px;
7820 + margin-right: -10px;
7821 +}
7822 +.recipient__text {
7823 + display: inline-block;
7824 + padding-left: 10px;
7825 +}
7826 +.recipient__line {
7827 + position: relative;
7828 + float: left;
7829 + width: 58.33333333%;
7830 + min-height: 1px;
7831 + padding-left: 10px;
7832 + padding-right: 10px;
7833 + float: right !important;
7834 +}
7835 +.recipient .progress {
7836 + margin: 0;
7837 +}
7838 +.recipient .select {
7839 + width: 150px;
7840 +}
7841 +.item__block {
7842 + margin-left: -10px;
7843 + margin-right: -10px;
7844 + margin-bottom: 30px;
7845 +}
7846 +.item__block:last-child {
7847 + margin-bottom: 0;
7848 +}
7849 +.item__img {
7850 + position: relative;
7851 + float: left;
7852 + width: 33.33333333%;
7853 + min-height: 1px;
7854 + padding-left: 10px;
7855 + padding-right: 10px;
7856 + max-height: 400px;
7857 +}
7858 +.item__img img {
7859 + width: 100%;
7860 + max-height: 100%;
7861 +}
7862 +.item__description {
7863 + position: relative;
7864 + float: left;
7865 + width: 64.58333333%;
7866 + min-height: 1px;
7867 + padding-left: 10px;
7868 + padding-right: 10px;
7869 + margin-left: 2.08333333%;
7870 +}
7871 +.item__title {
7872 + font-family: inherit;
7873 + font-weight: 500;
7874 + line-height: 1.1;
7875 + color: inherit;
7876 + margin-top: 20px;
7877 + margin-bottom: 10px;
7878 + font-size: 24px;
7879 + margin-top: 0;
7880 +}
7881 +.item__title small,
7882 +.item__title .small {
7883 + font-weight: normal;
7884 + line-height: 1;
7885 + color: #777777;
7886 +}
7887 +.item__title small,
7888 +.item__title .small {
7889 + font-size: 65%;
7890 +}
7891 +.promo {
7892 + text-align: center;
7893 + padding: 30px 0px;
7894 +}
7895 +.promo__row {
7896 + margin-left: -10px;
7897 + margin-right: -10px;
7898 +}
7899 +.promo__logo {
7900 + margin-bottom: 30px;
7901 + display: inline-block;
7902 +}
7903 +.promo__title {
7904 + font-size: 28px;
7905 +}
7906 +.promo__nav {
7907 + margin-top: 30px;
7908 +}
7909 +.vote {
7910 + display: inline-block;
7911 + width: 100%;
7912 + background-color: #f2f2f2;
7913 + padding: 20px 20px;
7914 +}
7915 +.vote__map {
7916 + position: relative;
7917 + float: left;
7918 + width: 41.66666667%;
7919 + min-height: 1px;
7920 + padding-left: 10px;
7921 + padding-right: 10px;
7922 +}
7923 +.vote__map__iframe {
7924 + width: 100%;
7925 + height: 200px;
7926 +}
7927 +.vote__description {
7928 + position: relative;
7929 + float: left;
7930 + width: 50%;
7931 + min-height: 1px;
7932 + padding-left: 10px;
7933 + padding-right: 10px;
7934 + margin-top: 80px;
7935 +}
7936 +.vote__label {
7937 + display: inline-block;
7938 + margin-bottom: 20px;
7939 +}
7940 +.vote__label__description {
7941 + vertical-align: middle;
7942 + margin-left: 10px;
7943 +}
7944 +.vote__label__description p {
7945 + margin-bottom: 0;
7946 + font-size: 14px;
7947 +}
7948 +.vote__label__img {
7949 + display: inline-block;
7950 + width: 100px;
7951 + margin-left: 20px;
7952 + max-height: 100px;
7953 +}
7954 +.vote__label__img img {
7955 + width: 100%;
7956 +}
7957 +.district {
7958 + display: inline-block;
7959 + width: 100%;
7960 + margin-bottom: 50px;
7961 +}
7962 +.district:last-child {
7963 + margin-bottom: 0;
7964 +}
7965 +.district__block {
7966 + float: left;
7967 + margin: 0px -20px;
7968 + margin-bottom: 20px;
7969 +}
7970 +.district__block:last-child {
7971 + margin-bottom: 0;
7972 +}
7973 +.district__profile {
7974 + position: relative;
7975 + float: left;
7976 + width: 50%;
7977 + min-height: 1px;
7978 + padding-left: 10px;
7979 + padding-right: 10px;
7980 +}
7981 +.district__profile__img {
7982 + position: relative;
7983 + float: left;
7984 + width: 37.5%;
7985 + min-height: 1px;
7986 + padding-left: 10px;
7987 + padding-right: 10px;
7988 +}
7989 +.district__profile__description {
7990 + position: relative;
7991 + float: left;
7992 + width: 62.5%;
7993 + min-height: 1px;
7994 + padding-left: 10px;
7995 + padding-right: 10px;
7996 +}
7997 +.district__description {
7998 + position: relative;
7999 + float: left;
8000 + width: 33.33333333%;
8001 + min-height: 1px;
8002 + padding-left: 10px;
8003 + padding-right: 10px;
8004 + float: right !important;
8005 +}
8006 +.passport__top {
8007 + margin-top: 80px;
8008 +}
......
1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
14 +
15 +
16 +<div class="header ">
17 + <div class="header__container">
18 + <div class="header__row">
19 + <a href="#" class="header__logo ">
20 + <div class="icon icon__logo"></div>
21 + </a>
22 +
23 + <div class="header__nav ">
24 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
25 +
26 + <ul class="nav nav--header">
27 + <li><a href="about.html">О совете депутатов</a></li>
28 + <li><a href="candidates.html">Кандидаты</a></li>
29 + <li><a href="help.html">Как помочь</a></li>
30 + <li><a href="volunteer.html">Стать волонтёром</a></li>
31 + <li><a href="vote.html">Как проголосовать</a></li>
32 + </ul>
33 + </div>
34 +
35 + <div class="header__do">
36 + <button type="button" class="btn btn-default">Поддержать</button>
37 + </div>
38 + </div>
39 + </div>
40 +</div>
41 +
42 +<div class="content">
43 + <div class="content__container">
44 +
45 + <h2>Независимая политика возможна, только если её финансируете вы</h2>
46 +
47 + <br>
48 +
49 + <p>Сделать пожертвование легко</p>
50 +
51 + <p>Это займет всего несколько минут</p>
52 +
53 + <p>1. Откройте ваш интернет-банк или мобильное приложение и найдите функцию перевода по реквизитам.</p>
54 +
55 + <p>2. Заполните форму перевода, следуя инструкциям на этой странице.</p>
56 +
57 + <p>3. Проверьте реквизиты и отправьте перевод. Готово.</p>
58 +
59 + <br>
60 + <br>
61 +
62 + <div class="row">
63 + <div class="col-xs-18">
64 + <p>Реквизиты избирательного счета для перевода пожертвования</p>
65 + <p>Банк получатель: ПАО «Сбербанк»</p>
66 +
67 + <p>Корр. счет: 3010 1810 4000 0000 0225</p>
68 + <p>БИК: 044525225</p>
69 +
70 + <p>КПП: не заполнять</p>
71 + <p>(ИНН указывать при переводе не нужно. Указывайте его, только если банк не даёт вам провести платёж без него: 773709696309)</p>
72 + <p>Номер счета получателя: ------------</p>
73 +
74 + <div class="recipient">
75 + <div class="recipient__row">
76 + <span class="recipient__text" id="basic-addon3">
77 + Получатель:
78 +
79 + <select name="" id="" class="select">
80 + <option value="1">1</option>
81 + </select>
82 + </span>
83 +
84 + <div class="recipient__line">
85 + <div class="progress">
86 + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
87 + 20 000 / 80 000
88 + </div>
89 + </div>
90 + </div>
91 + </div>
92 + </div>
93 +
94 + <br>
95 +
96 + <p>Назначение платежа (заполните внимательно):</p>
97 + <p>Напишите «Добровольное пожертвование», потом ваши фамилию, имя, отчество, дату рождения, гражданство (допускается только РФ), адрес постоянной регистрации (прописки), серию и номер паспорта.</p>
98 +
99 + <p>! Важно правильно заполнить графу «Назначение платежа».</p>
100 + <p>Иначе нам придется вернуть деньги.</p>
101 +
102 + <p>! Максимальная сумма перевода от физического лица кандидату за весь срок кампании - 2000 рублей</p>
103 + <p>Если хотите пожертвовать больше - переводите нескольким кандидатам</p>
104 +
105 + <p>Пример правильно заполненного поля «Назначение платежа»</p>
106 + <p>Добровольное пожертвование. Иванов Мефодий Кириллович, д/р 25.12.1987, гр.РФ, Москва, ул. Тверская, 9, кв. 100, паспорт 4516№ 010496.</p>
107 + </div>
108 +
109 + <div class="col-xs-6">
110 + <h2>Пошаговые инструкции для клиентов банков:</h2>
111 +
112 + <ul>
113 + <li>
114 + <a href="#">
115 + <img src="" alt="">
116 + <p>Сбербанк (через сайт)</p>
117 + </a>
118 + </li>
119 +
120 + <li>
121 + <a href="#">
122 + <img src="" alt="">
123 + <p>Сбербанк (через приложение)</p>
124 + </a>
125 + </li>
126 +
127 + <li>
128 + <a href="#">
129 + <img src="" alt="">
130 + <p>Сбербанк (через отделение)</p>
131 + </a>
132 + </li>
133 +
134 + <li>
135 + <a href="#">
136 + <img src="" alt="">
137 + <p>Альфа-банк</p>
138 + </a>
139 + </li>
140 +
141 + <li>
142 + <a href="#">
143 + <img src="" alt="">
144 + <p>Тинькофф Банк</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>
160 + </li>
161 + </ul>
162 +
163 + <p>Закон позволяет принимать лишь переводы на наши избирательные счёта. Мы не можем принимать переводы на чью-либо банковскую карту или интернет-кошелёк.
164 + </p>
165 + </div>
166 + </div>
167 +
168 + <br>
169 +
170 + <h2>На что пойдут деньги</h2>
171 +
172 + <div class="item">
173 + <div class="item__block">
174 + <div class="item__img">
175 + <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
176 + </div>
177 +
178 + <div class="item__description">
179 + <div class="item__title">215 рублей</div>
180 +
181 + <p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
182 + </div>
183 + </div>
184 +
185 + <div class="item__block">
186 + <div class="item__img">
187 + <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
188 + </div>
189 +
190 + <div class="item__description">
191 + <div class="item__title">215 рублей</div>
192 +
193 + <p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
194 + </div>
195 + </div>
196 + </div>
197 + </div>
198 +</div>
199 +
200 +<div class="footer">
201 + <div class="footer__container">
202 + <div class="footer__left">
203 + <p>Следите за кампанией</p>
204 +
205 + <ul class="social">
206 + <li><a href="#">Вконтакте</a></li>
207 + <li><a href="#">Фейсбук</a></li>
208 + <li><a href="#">Твиттер</a></li>
209 + <li><a href="#">Одноклассники</a></li>
210 + </ul>
211 +
212 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
213 +
214 +
215 + <form class="form-inline" role="form">
216 + <div class="form-group">
217 + <input type="email" class="form-control" placeholder="">
218 + </div>
219 + <button type="submit" class="btn btn-default">Напомнить о выборах</button>
220 + </form>
221 + </div>
222 +
223 + <div class="footer__right">
224 + <p>Пообщаться с кандидатами</p>
225 +
226 + <ul class="social">
227 + <li><a href="#">Телеграм</a></li>
228 + <li><a href="#">Электронная почта</a></li>
229 + <li><a href="#">Телефон</a></li>
230 + </ul>
231 + </div>
232 +
233 + <div class="col-xs-24 text-center">
234 + <br>
235 +
236 + <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>
237 +
238 + <br>
239 +
240 + <button type="button" class="btn btn-default">Как проголосовать</button>
241 + </div>
242 + </div>
243 +</div>
244 +</body>
245 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -12,36 +12,35 @@ ...@@ -12,36 +12,35 @@
12 <script src="js/main.js"></script> 12 <script src="js/main.js"></script>
13 </head> 13 </head>
14 <body> 14 <body>
15 -<div class="header">
16 - <div class="header__container">
17 - <a href="#" class="header__logo">
18 - <div class="icon icon__logo"></div>
19 - </a>
20 15
21 - <div class="head-h1 header__title">Выборы в Совет <br> депутатов Савёловского района</div> 16 +<div class="content">
17 + <div class="content__container">
22 18
23 - <br> 19 + <div class="promo">
20 + <div class="promo__logo">
21 + <a href="/" class="icon icon__logo"></a>
22 + </div>
24 23
25 - <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p> 24 + <div class="promo__title">Выборы в Совет <br> депутатов Савёловского района</div>
26 25
27 - <br> 26 + <br>
28 27
29 - <button type="button" class="btn btn-default">Познакомится с кандидатами</button> 28 + <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
30 29
31 - <div class="header__nav"> 30 + <br>
32 - <ul class="nav">
33 - <li><a href="#">О совете депутатов</a></li>
34 - <li><a href="#">Кандидаты</a></li>
35 - <li><a href="#">Как помочь</a></li>
36 - <li><a href="#">Стать волонтёром</a></li>
37 - <li><a href="#">Как проголосовать</a></li>
38 - </ul>
39 - </div>
40 - </div>
41 -</div>
42 31
43 -<div class="content"> 32 + <button type="button" class="btn btn-default">Познакомится с кандидатами</button>
44 - <div class="content__container"> 33 +
34 + <div class="promo__nav">
35 + <ul class="nav nav--promo">
36 + <li><a href="about.html">О совете депутатов</a></li>
37 + <li><a href="#">Кандидаты</a></li>
38 + <li><a href="#">Как помочь</a></li>
39 + <li><a href="#">Стать волонтёром</a></li>
40 + <li><a href="#">Как проголосовать</a></li>
41 + </ul>
42 + </div>
43 + </div>
45 44
46 </div> 45 </div>
47 </div> 46 </div>
......
1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
14 +
15 +
16 +<div class="header ">
17 + <div class="header__container">
18 + <div class="header__row">
19 + <a href="#" class="header__logo ">
20 + <div class="icon icon__logo"></div>
21 + </a>
22 +
23 + <div class="header__nav ">
24 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
25 +
26 + <ul class="nav nav--header">
27 + <li><a href="about.html">О совете депутатов</a></li>
28 + <li><a href="candidates.html">Кандидаты</a></li>
29 + <li><a href="help.html">Как помочь</a></li>
30 + <li><a href="volunteer.html">Стать волонтёром</a></li>
31 + <li><a href="vote.html">Как проголосовать</a></li>
32 + </ul>
33 + </div>
34 +
35 + <div class="header__do">
36 + <button type="button" class="btn btn-default">Поддержать</button>
37 + </div>
38 + </div>
39 + </div>
40 +</div>
41 +
42 +<div class="content">
43 + <div class="content__container">
44 +
45 + <h2>Чем занимается совет депутатов</h2>
46 +
47 + <br>
48 +
49 + <p>Что такое совет депутатов ВМО «Щукино»?</p>
50 +
51 + <br>
52 +
53 + <p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
54 +
55 + <br>
56 +
57 + <p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
58 +
59 +
60 + </div>
61 +</div>
62 +
63 +<div class="footer">
64 + <div class="footer__container">
65 + <div class="footer__left">
66 + <p>Следите за кампанией</p>
67 +
68 + <ul class="social">
69 + <li><a href="#">Вконтакте</a></li>
70 + <li><a href="#">Фейсбук</a></li>
71 + <li><a href="#">Твиттер</a></li>
72 + <li><a href="#">Одноклассники</a></li>
73 + </ul>
74 +
75 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
76 +
77 +
78 + <form class="form-inline" role="form">
79 + <div class="form-group">
80 + <input type="email" class="form-control" placeholder="">
81 + </div>
82 + <button type="submit" class="btn btn-default">Напомнить о выборах</button>
83 + </form>
84 + </div>
85 +
86 + <div class="footer__right">
87 + <p>Пообщаться с кандидатами</p>
88 +
89 + <ul class="social">
90 + <li><a href="#">Телеграм</a></li>
91 + <li><a href="#">Электронная почта</a></li>
92 + <li><a href="#">Телефон</a></li>
93 + </ul>
94 + </div>
95 +
96 + <div class="col-xs-24 text-center">
97 + <br>
98 +
99 + <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>
100 +
101 + <br>
102 +
103 + <button type="button" class="btn btn-default">Как проголосовать</button>
104 + </div>
105 + </div>
106 +</div>
107 +</body>
108 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
14 +
15 +
16 +<div class="header ">
17 + <div class="header__container">
18 + <div class="header__row">
19 + <a href="#" class="header__logo ">
20 + <div class="icon icon__logo"></div>
21 + </a>
22 +
23 + <div class="header__nav ">
24 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
25 +
26 + <ul class="nav nav--header">
27 + <li><a href="about.html">О совете депутатов</a></li>
28 + <li><a href="candidates.html">Кандидаты</a></li>
29 + <li><a href="help.html">Как помочь</a></li>
30 + <li><a href="volunteer.html">Стать волонтёром</a></li>
31 + <li><a href="vote.html">Как проголосовать</a></li>
32 + </ul>
33 + </div>
34 +
35 + <div class="header__do">
36 + <button type="button" class="btn btn-default">Поддержать</button>
37 + </div>
38 + </div>
39 + </div>
40 +</div>
41 +
42 +<div class="content">
43 + <div class="content__container">
44 +
45 + <h2>1. Узнайте адрес своего избирательного участка</h2>
46 +
47 + <p>В Савёловском районе 15 участков. Чтобы понять в какой идти, введите свой адрес</p>
48 +
49 + <br>
50 +
51 + <div class="input-group input-group-lg">
52 + <input type="text" class="form-control" placeholder="Ваш адрес прописки">
53 + </div>
54 +
55 + <br>
56 +
57 + <p><strong>Ваш участок - №399</strong></p>
58 + <p><strong>Адрес: Вятская ул., дом 29</strong></p>
59 +
60 + <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>
61 +
62 + <br>
63 + <br>
64 + <br>
65 +
66 + <h2>2. Приходите на выборы 10 сентября</h2>
67 +
68 + <br>
69 +
70 + <div class="row">
71 + <div class="col-xs-14 ">
72 + <p>Без вашего голоса мы не победим, разрыв голосов на этих выборов будет минимален. Приходите при любой погоде. Это в самом деле очень важно</p>
73 +
74 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
75 +
76 + <div class="input-group">
77 + <input type="text" class="form-control" placeholder="Ваш телефон">
78 +
79 + <span class="input-group-btn">
80 + <button class="btn btn-default" type="button">Напомнить о выборах</button>
81 + </span>
82 + </div>
83 + </div>
84 +
85 + <div class="col-xs-8 pull-right">
86 + <div class="row">
87 + <div class="col-xs-12">
88 + <img src="img/passport.png" alt="">
89 + </div>
90 +
91 + <div class="col-xs-12">
92 + <p class="passport__top">Не забудьте свой паспорт!</p>
93 + </div>
94 + </div>
95 + </div>
96 + </div>
97 +
98 + <br>
99 + <br>
100 +
101 + <h2>3. Проголосуйте за независимых кандидатов</h2>
102 +
103 + <div class="row">
104 + <p class="col-xs-12">В бюллетень вы можете поставить не больше 4 галочек. Голосуйте за независимых кандидатов. В вашем округе это:</p>
105 + </div>
106 +
107 + <br>
108 +
109 + <div class="row">
110 + <div class="col-lg-24">
111 + <span class="vote__label">
112 + <input type="checkbox" class="vote__label__input" id="id1">
113 +
114 + <label for="id1" class="vote__label__description">
115 + <p class="show">Куракин</p>
116 +
117 + <p class="show">Евгений Игоревич</p>
118 + </label>
119 +
120 + <span class="vote__label__img">
121 + <img src="img/yabloko.png" alt="">
122 + </span>
123 + </span>
124 + </div>
125 +
126 + <div class="col-lg-24">
127 + <span class="vote__label">
128 + <input type="checkbox" class="vote__label__input" id="id1">
129 +
130 + <label for="id1" class="vote__label__description">
131 + <p class="show">Куракин</p>
132 +
133 + <p class="show">Евгений Игоревич</p>
134 + </label>
135 +
136 + <span class="vote__label__img">
137 + <img src="img/yabloko.png" alt="">
138 + </span>
139 + </span>
140 + </div>
141 +
142 + <div class="col-lg-24">
143 + <span class="vote__label">
144 + <input type="checkbox" class="vote__label__input" id="id1">
145 +
146 + <label for="id1" class="vote__label__description">
147 + <p class="show">Куракин</p>
148 +
149 + <p class="show">Евгений Игоревич</p>
150 + </label>
151 +
152 + <span class="vote__label__img">
153 + <img src="img/yabloko.png" alt="">
154 + </span>
155 + </span>
156 + </div>
157 +
158 + <div class="col-lg-24">
159 + <span class="vote__label">
160 + <input type="checkbox" class="vote__label__input" id="id1">
161 +
162 + <label for="id1" class="vote__label__description">
163 + <p class="show">Куракин</p>
164 +
165 + <p class="show">Евгений Игоревич</p>
166 + </label>
167 +
168 + <span class="vote__label__img">
169 + <img src="img/yabloko.png" alt="">
170 + </span>
171 + </span>
172 + </div>
173 +
174 + <div class="col-lg-24">
175 + <span class="vote__label">
176 + <input type="checkbox" class="vote__label__input" id="id1">
177 +
178 + <label for="id1" class="vote__label__description">
179 + <p class="show">Куракин</p>
180 +
181 + <p class="show">Евгений Игоревич</p>
182 + </label>
183 +
184 + <span class="vote__label__img">
185 + <img src="img/yabloko.png" alt="">
186 + </span>
187 + </span>
188 + </div>
189 + </div>
190 +
191 +
192 + </div>
193 +</div>
194 +
195 +<div class="footer">
196 + <div class="footer__container">
197 + <div class="footer__left">
198 + <p>Следите за кампанией</p>
199 +
200 + <ul class="social">
201 + <li><a href="#">Вконтакте</a></li>
202 + <li><a href="#">Фейсбук</a></li>
203 + <li><a href="#">Твиттер</a></li>
204 + <li><a href="#">Одноклассники</a></li>
205 + </ul>
206 +
207 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
208 +
209 +
210 + <form class="form-inline" role="form">
211 + <div class="form-group">
212 + <input type="email" class="form-control" placeholder="">
213 + </div>
214 + <button type="submit" class="btn btn-default">Напомнить о выборах</button>
215 + </form>
216 + </div>
217 +
218 + <div class="footer__right">
219 + <p>Пообщаться с кандидатами</p>
220 +
221 + <ul class="social">
222 + <li><a href="#">Телеграм</a></li>
223 + <li><a href="#">Электронная почта</a></li>
224 + <li><a href="#">Телефон</a></li>
225 + </ul>
226 + </div>
227 +
228 + <div class="col-xs-24 text-center">
229 + <br>
230 +
231 + <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>
232 +
233 + <br>
234 +
235 + <button type="button" class="btn btn-default">Как проголосовать</button>
236 + </div>
237 + </div>
238 +</div>
239 +</body>
240 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!doctype html>
2 +<html lang="ru">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
6 + <title>Выборы в Совет депутатов Савёловского района</title>
7 + <meta name="description" content="">
8 + <meta name="viewport" content="width=device-width, initial-scale=1">
9 + <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 + <link rel="stylesheet" href="css/main.css">
11 + <script src="js/main.js"></script>
12 +</head>
13 +<body>
1 -<!doctype html>
2 -<html lang="ru">
3 -<head>
4 - <meta charset="utf-8">
5 - <meta http-equiv="x-ua-compatible" content="ie=edge">
6 - <title>Выборы в Совет депутатов Савёловского района</title>
7 - <meta name="description" content="">
8 - <meta name="viewport" content="width=device-width, initial-scale=1">
9 - <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
10 - <link rel="stylesheet" href="css/main.css">
11 - <script src="js/main.js"></script>
12 -</head>
13 -<body>
14 -<div class="header">
15 - <div class="header__container">
16 - <a href="#" class="header__logo">
17 - <div class="icon icon__logo"></div>
18 - </a>
19 -
20 - <div class="head-h1 header__title">Выборы в Совет <br> депутатов Савёловского района</div>
21 1
22 - <br> 2 +<div class="header ">
23 - 3 + <div class="header__container">
24 - <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p> 4 + <div class="header__row">
5 + <a href="#" class="header__logo ">
6 + <div class="icon icon__logo"></div>
7 + </a>
25 8
26 - <br> 9 + <div class="header__nav ">
10 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
27 11
28 - <button type="button" class="btn btn-default">Познакомится с кандидатами</button> 12 + <ul class="nav nav--header">
13 + <li><a href="about.html">О совете депутатов</a></li>
14 + <li><a href="candidates.html">Кандидаты</a></li>
15 + <li><a href="help.html">Как помочь</a></li>
16 + <li><a href="volunteer.html">Стать волонтёром</a></li>
17 + <li><a href="vote.html">Как проголосовать</a></li>
18 + </ul>
19 + </div>
29 20
30 - <div class="header__nav"> 21 + <div class="header__do">
31 - <ul class="nav"> 22 + <button type="button" class="btn btn-default">Поддержать</button>
32 - <li><a href="#">О совете депутатов</a></li> 23 + </div>
33 - <li><a href="#">Кандидаты</a></li>
34 - <li><a href="#">Как помочь</a></li>
35 - <li><a href="#">Стать волонтёром</a></li>
36 - <li><a href="#">Как проголосовать</a></li>
37 - </ul>
38 </div> 24 </div>
39 </div> 25 </div>
40 </div> 26 </div>
...\ No newline at end of file ...\ No newline at end of file
......
1 +//= _head.html
2 +
3 +//= _header.html
4 +
5 +<div class="content">
6 + <div class="content__container">
7 +
8 + <h2>Чем занимается совет депутатов</h2>
9 +
10 + <br>
11 +
12 + <p>Что такое совет депутатов ВМО «Щукино»?</p>
13 +
14 + <br>
15 +
16 + <p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
17 +
18 + <br>
19 +
20 + <p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
21 +
22 +
23 + </div>
24 +</div>
25 +
26 +//= _footer.html
1 +//= _head.html
2 +
3 +//= _header.html
4 +
5 +<div class="content">
6 + <div class="content__container">
7 +
8 + <h2>За кого голосовать в Савёловском районе</h2>
9 +
10 + <br>
11 +
12 + <div class="vote">
13 + <div class="vote__map">
14 + <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>
15 + </div>
16 +
17 + <div class="vote__description">
18 + <div class="row">
19 + <div class="col-lg-24">
20 + <div class="input-group">
21 + <input type="text" class="form-control" placeholder="Ваш адрес">
22 +
23 + <span class="input-group-btn">
24 + <button class="btn btn-default" type="button">Найти</button>
25 + </span>
26 + </div>
27 + </div>
28 + </div>
29 + </div>
30 + </div>
31 +
32 + <br>
33 + <br>
34 +
35 + <div class="district">
36 + <h2>Округ 1</h2>
37 +
38 + <br>
39 +
40 + <div class="district__block">
41 + <div class="district__profile">
42 + <div class="district__profile__img">
43 + <span class="thumbnail thumbnail--custom img-circle">
44 + <img src="img/profile.jpg" class="" alt="">
45 + </span>
46 + </div>
47 +
48 + <div class="district__profile__description">
49 + <p><strong>Балахванцев</strong></p>
50 + <p>Арчил Савелич</p>
51 +
52 + <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>
53 + </div>
54 + </div>
55 +
56 + <div class="district__description">
57 + <p><strong>1-я Бебеля ул.</strong></p>
58 +
59 + <p>7, 7А</p>
60 +
61 + <p><strong>1-я Бебеля ул.</strong></p>
62 +
63 + <p>7, 7А</p>
64 +
65 + <p><strong>1-я Бебеля ул.</strong></p>
66 +
67 + <p>7, 7А</p>
68 +
69 + <p><strong>1-я Бебеля ул.</strong></p>
70 +
71 + <p>7, 7А</p>
72 + </div>
73 + </div>
74 +
75 + <div class="district__block">
76 + <div class="district__profile">
77 + <div class="district__profile__img">
78 + <span class="thumbnail thumbnail--custom img-circle">
79 + <img src="img/profile.jpg" class="" alt="">
80 + </span>
81 + </div>
82 +
83 + <div class="district__profile__description">
84 + <p><strong>Балахванцев</strong></p>
85 + <p>Арчил Савелич</p>
86 +
87 + <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>
88 + </div>
89 + </div>
90 +
91 + <div class="district__description">
92 + <p><strong>1-я Бебеля ул.</strong></p>
93 +
94 + <p>7, 7А</p>
95 +
96 + <p><strong>1-я Бебеля ул.</strong></p>
97 +
98 + <p>7, 7А</p>
99 +
100 + <p><strong>1-я Бебеля ул.</strong></p>
101 +
102 + <p>7, 7А</p>
103 +
104 + <p><strong>1-я Бебеля ул.</strong></p>
105 +
106 + <p>7, 7А</p>
107 + </div>
108 + </div>
109 +
110 + <div class="district__block">
111 + <div class="district__profile">
112 + <div class="district__profile__img">
113 + <span class="thumbnail thumbnail--custom img-circle">
114 + <img src="img/profile.jpg" class="" alt="">
115 + </span>
116 + </div>
117 +
118 + <div class="district__profile__description">
119 + <p><strong>Балахванцев</strong></p>
120 + <p>Арчил Савелич</p>
121 +
122 + <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>
123 + </div>
124 + </div>
125 +
126 + <div class="district__description">
127 + <p><strong>1-я Бебеля ул.</strong></p>
128 +
129 + <p>7, 7А</p>
130 +
131 + <p><strong>1-я Бебеля ул.</strong></p>
132 +
133 + <p>7, 7А</p>
134 +
135 + <p><strong>1-я Бебеля ул.</strong></p>
136 +
137 + <p>7, 7А</p>
138 +
139 + <p><strong>1-я Бебеля ул.</strong></p>
140 +
141 + <p>7, 7А</p>
142 + </div>
143 + </div>
144 +
145 + <div class="district__block">
146 + <div class="district__profile">
147 + <div class="district__profile__img">
148 + <span class="thumbnail thumbnail--custom img-circle">
149 + <img src="img/profile.jpg" class="" alt="">
150 + </span>
151 + </div>
152 +
153 + <div class="district__profile__description">
154 + <p><strong>Балахванцев</strong></p>
155 + <p>Арчил Савелич</p>
156 +
157 + <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>
158 + </div>
159 + </div>
160 +
161 + <div class="district__description">
162 + <p><strong>1-я Бебеля ул.</strong></p>
163 +
164 + <p>7, 7А</p>
165 +
166 + <p><strong>1-я Бебеля ул.</strong></p>
167 +
168 + <p>7, 7А</p>
169 +
170 + <p><strong>1-я Бебеля ул.</strong></p>
171 +
172 + <p>7, 7А</p>
173 +
174 + <p><strong>1-я Бебеля ул.</strong></p>
175 +
176 + <p>7, 7А</p>
177 + </div>
178 + </div>
179 +
180 + <div class="district__block">
181 + <div class="district__profile">
182 + <div class="district__profile__img">
183 + <span class="thumbnail thumbnail--custom img-circle">
184 + <img src="img/profile.jpg" class="" alt="">
185 + </span>
186 + </div>
187 +
188 + <div class="district__profile__description">
189 + <p><strong>Балахванцев</strong></p>
190 + <p>Арчил Савелич</p>
191 +
192 + <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>
193 + </div>
194 + </div>
195 +
196 + <div class="district__description">
197 + <p><strong>1-я Бебеля ул.</strong></p>
198 +
199 + <p>7, 7А</p>
200 +
201 + <p><strong>1-я Бебеля ул.</strong></p>
202 +
203 + <p>7, 7А</p>
204 +
205 + <p><strong>1-я Бебеля ул.</strong></p>
206 +
207 + <p>7, 7А</p>
208 +
209 + <p><strong>1-я Бебеля ул.</strong></p>
210 +
211 + <p>7, 7А</p>
212 + </div>
213 + </div>
214 + </div>
215 +
216 + <div class="district">
217 + <h2>Округ 1</h2>
218 +
219 + <br>
220 +
221 + <div class="district__block">
222 + <div class="district__profile">
223 + <div class="district__profile__img">
224 + <span class="thumbnail thumbnail--custom img-circle">
225 + <img src="img/profile.jpg" class="" alt="">
226 + </span>
227 + </div>
228 +
229 + <div class="district__profile__description">
230 + <p><strong>Балахванцев</strong></p>
231 + <p>Арчил Савелич</p>
232 +
233 + <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>
234 + </div>
235 + </div>
236 +
237 + <div class="district__description">
238 + <p><strong>1-я Бебеля ул.</strong></p>
239 +
240 + <p>7, 7А</p>
241 +
242 + <p><strong>1-я Бебеля ул.</strong></p>
243 +
244 + <p>7, 7А</p>
245 +
246 + <p><strong>1-я Бебеля ул.</strong></p>
247 +
248 + <p>7, 7А</p>
249 +
250 + <p><strong>1-я Бебеля ул.</strong></p>
251 +
252 + <p>7, 7А</p>
253 + </div>
254 + </div>
255 +
256 + <div class="district__block">
257 + <div class="district__profile">
258 + <div class="district__profile__img">
259 + <span class="thumbnail thumbnail--custom img-circle">
260 + <img src="img/profile.jpg" class="" alt="">
261 + </span>
262 + </div>
263 +
264 + <div class="district__profile__description">
265 + <p><strong>Балахванцев</strong></p>
266 + <p>Арчил Савелич</p>
267 +
268 + <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>
269 + </div>
270 + </div>
271 +
272 + <div class="district__description">
273 + <p><strong>1-я Бебеля ул.</strong></p>
274 +
275 + <p>7, 7А</p>
276 +
277 + <p><strong>1-я Бебеля ул.</strong></p>
278 +
279 + <p>7, 7А</p>
280 +
281 + <p><strong>1-я Бебеля ул.</strong></p>
282 +
283 + <p>7, 7А</p>
284 +
285 + <p><strong>1-я Бебеля ул.</strong></p>
286 +
287 + <p>7, 7А</p>
288 + </div>
289 + </div>
290 +
291 + <div class="district__block">
292 + <div class="district__profile">
293 + <div class="district__profile__img">
294 + <span class="thumbnail thumbnail--custom img-circle">
295 + <img src="img/profile.jpg" class="" alt="">
296 + </span>
297 + </div>
298 +
299 + <div class="district__profile__description">
300 + <p><strong>Балахванцев</strong></p>
301 + <p>Арчил Савелич</p>
302 +
303 + <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>
304 + </div>
305 + </div>
306 +
307 + <div class="district__description">
308 + <p><strong>1-я Бебеля ул.</strong></p>
309 +
310 + <p>7, 7А</p>
311 +
312 + <p><strong>1-я Бебеля ул.</strong></p>
313 +
314 + <p>7, 7А</p>
315 +
316 + <p><strong>1-я Бебеля ул.</strong></p>
317 +
318 + <p>7, 7А</p>
319 +
320 + <p><strong>1-я Бебеля ул.</strong></p>
321 +
322 + <p>7, 7А</p>
323 + </div>
324 + </div>
325 +
326 + <div class="district__block">
327 + <div class="district__profile">
328 + <div class="district__profile__img">
329 + <span class="thumbnail thumbnail--custom img-circle">
330 + <img src="img/profile.jpg" class="" alt="">
331 + </span>
332 + </div>
333 +
334 + <div class="district__profile__description">
335 + <p><strong>Балахванцев</strong></p>
336 + <p>Арчил Савелич</p>
337 +
338 + <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>
339 + </div>
340 + </div>
341 +
342 + <div class="district__description">
343 + <p><strong>1-я Бебеля ул.</strong></p>
344 +
345 + <p>7, 7А</p>
346 +
347 + <p><strong>1-я Бебеля ул.</strong></p>
348 +
349 + <p>7, 7А</p>
350 +
351 + <p><strong>1-я Бебеля ул.</strong></p>
352 +
353 + <p>7, 7А</p>
354 +
355 + <p><strong>1-я Бебеля ул.</strong></p>
356 +
357 + <p>7, 7А</p>
358 + </div>
359 + </div>
360 +
361 + <div class="district__block">
362 + <div class="district__profile">
363 + <div class="district__profile__img">
364 + <span class="thumbnail thumbnail--custom img-circle">
365 + <img src="img/profile.jpg" class="" alt="">
366 + </span>
367 + </div>
368 +
369 + <div class="district__profile__description">
370 + <p><strong>Балахванцев</strong></p>
371 + <p>Арчил Савелич</p>
372 +
373 + <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>
374 + </div>
375 + </div>
376 +
377 + <div class="district__description">
378 + <p><strong>1-я Бебеля ул.</strong></p>
379 +
380 + <p>7, 7А</p>
381 +
382 + <p><strong>1-я Бебеля ул.</strong></p>
383 +
384 + <p>7, 7А</p>
385 +
386 + <p><strong>1-я Бебеля ул.</strong></p>
387 +
388 + <p>7, 7А</p>
389 +
390 + <p><strong>1-я Бебеля ул.</strong></p>
391 +
392 + <p>7, 7А</p>
393 + </div>
394 + </div>
395 + </div>
396 +
397 + <div class="district">
398 + <h2>Округ 1</h2>
399 +
400 + <br>
401 +
402 + <div class="district__block">
403 + <div class="district__profile">
404 + <div class="district__profile__img">
405 + <span class="thumbnail thumbnail--custom img-circle">
406 + <img src="img/profile.jpg" class="" alt="">
407 + </span>
408 + </div>
409 +
410 + <div class="district__profile__description">
411 + <p><strong>Балахванцев</strong></p>
412 + <p>Арчил Савелич</p>
413 +
414 + <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>
415 + </div>
416 + </div>
417 +
418 + <div class="district__description">
419 + <p><strong>1-я Бебеля ул.</strong></p>
420 +
421 + <p>7, 7А</p>
422 +
423 + <p><strong>1-я Бебеля ул.</strong></p>
424 +
425 + <p>7, 7А</p>
426 +
427 + <p><strong>1-я Бебеля ул.</strong></p>
428 +
429 + <p>7, 7А</p>
430 +
431 + <p><strong>1-я Бебеля ул.</strong></p>
432 +
433 + <p>7, 7А</p>
434 + </div>
435 + </div>
436 +
437 + <div class="district__block">
438 + <div class="district__profile">
439 + <div class="district__profile__img">
440 + <span class="thumbnail thumbnail--custom img-circle">
441 + <img src="img/profile.jpg" class="" alt="">
442 + </span>
443 + </div>
444 +
445 + <div class="district__profile__description">
446 + <p><strong>Балахванцев</strong></p>
447 + <p>Арчил Савелич</p>
448 +
449 + <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>
450 + </div>
451 + </div>
452 +
453 + <div class="district__description">
454 + <p><strong>1-я Бебеля ул.</strong></p>
455 +
456 + <p>7, 7А</p>
457 +
458 + <p><strong>1-я Бебеля ул.</strong></p>
459 +
460 + <p>7, 7А</p>
461 +
462 + <p><strong>1-я Бебеля ул.</strong></p>
463 +
464 + <p>7, 7А</p>
465 +
466 + <p><strong>1-я Бебеля ул.</strong></p>
467 +
468 + <p>7, 7А</p>
469 + </div>
470 + </div>
471 +
472 + <div class="district__block">
473 + <div class="district__profile">
474 + <div class="district__profile__img">
475 + <span class="thumbnail thumbnail--custom img-circle">
476 + <img src="img/profile.jpg" class="" alt="">
477 + </span>
478 + </div>
479 +
480 + <div class="district__profile__description">
481 + <p><strong>Балахванцев</strong></p>
482 + <p>Арчил Савелич</p>
483 +
484 + <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>
485 + </div>
486 + </div>
487 +
488 + <div class="district__description">
489 + <p><strong>1-я Бебеля ул.</strong></p>
490 +
491 + <p>7, 7А</p>
492 +
493 + <p><strong>1-я Бебеля ул.</strong></p>
494 +
495 + <p>7, 7А</p>
496 +
497 + <p><strong>1-я Бебеля ул.</strong></p>
498 +
499 + <p>7, 7А</p>
500 +
501 + <p><strong>1-я Бебеля ул.</strong></p>
502 +
503 + <p>7, 7А</p>
504 + </div>
505 + </div>
506 +
507 + <div class="district__block">
508 + <div class="district__profile">
509 + <div class="district__profile__img">
510 + <span class="thumbnail thumbnail--custom img-circle">
511 + <img src="img/profile.jpg" class="" alt="">
512 + </span>
513 + </div>
514 +
515 + <div class="district__profile__description">
516 + <p><strong>Балахванцев</strong></p>
517 + <p>Арчил Савелич</p>
518 +
519 + <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>
520 + </div>
521 + </div>
522 +
523 + <div class="district__description">
524 + <p><strong>1-я Бебеля ул.</strong></p>
525 +
526 + <p>7, 7А</p>
527 +
528 + <p><strong>1-я Бебеля ул.</strong></p>
529 +
530 + <p>7, 7А</p>
531 +
532 + <p><strong>1-я Бебеля ул.</strong></p>
533 +
534 + <p>7, 7А</p>
535 +
536 + <p><strong>1-я Бебеля ул.</strong></p>
537 +
538 + <p>7, 7А</p>
539 + </div>
540 + </div>
541 +
542 + <div class="district__block">
543 + <div class="district__profile">
544 + <div class="district__profile__img">
545 + <span class="thumbnail thumbnail--custom img-circle">
546 + <img src="img/profile.jpg" class="" alt="">
547 + </span>
548 + </div>
549 +
550 + <div class="district__profile__description">
551 + <p><strong>Балахванцев</strong></p>
552 + <p>Арчил Савелич</p>
553 +
554 + <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>
555 + </div>
556 + </div>
557 +
558 + <div class="district__description">
559 + <p><strong>1-я Бебеля ул.</strong></p>
560 +
561 + <p>7, 7А</p>
562 +
563 + <p><strong>1-я Бебеля ул.</strong></p>
564 +
565 + <p>7, 7А</p>
566 +
567 + <p><strong>1-я Бебеля ул.</strong></p>
568 +
569 + <p>7, 7А</p>
570 +
571 + <p><strong>1-я Бебеля ул.</strong></p>
572 +
573 + <p>7, 7А</p>
574 + </div>
575 + </div>
576 + </div>
577 +
578 + </div>
579 +</div>
580 +
581 +//= _footer.html
1 +//= _head.html
2 +
3 +//= _header.html
4 +
5 +<div class="content">
6 + <div class="content__container">
7 +
8 + <h2>Независимая политика возможна, только если её финансируете вы</h2>
9 +
10 + <br>
11 +
12 + <p>Сделать пожертвование легко</p>
13 +
14 + <p>Это займет всего несколько минут</p>
15 +
16 + <p>1. Откройте ваш интернет-банк или мобильное приложение и найдите функцию перевода по реквизитам.</p>
17 +
18 + <p>2. Заполните форму перевода, следуя инструкциям на этой странице.</p>
19 +
20 + <p>3. Проверьте реквизиты и отправьте перевод. Готово.</p>
21 +
22 + <br>
23 + <br>
24 +
25 + <div class="row">
26 + <div class="col-xs-18">
27 + <p>Реквизиты избирательного счета для перевода пожертвования</p>
28 + <p>Банк получатель: ПАО «Сбербанк»</p>
29 +
30 + <p>Корр. счет: 3010 1810 4000 0000 0225</p>
31 + <p>БИК: 044525225</p>
32 +
33 + <p>КПП: не заполнять</p>
34 + <p>(ИНН указывать при переводе не нужно. Указывайте его, только если банк не даёт вам провести платёж без него: 773709696309)</p>
35 + <p>Номер счета получателя: ------------</p>
36 +
37 + <div class="recipient">
38 + <div class="recipient__row">
39 + <span class="recipient__text" id="basic-addon3">
40 + Получатель:
41 +
42 + <select name="" id="" class="select">
43 + <option value="1">1</option>
44 + </select>
45 + </span>
46 +
47 + <div class="recipient__line">
48 + <div class="progress">
49 + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
50 + 20 000 / 80 000
51 + </div>
52 + </div>
53 + </div>
54 + </div>
55 + </div>
56 +
57 + <br>
58 +
59 + <p>Назначение платежа (заполните внимательно):</p>
60 + <p>Напишите «Добровольное пожертвование», потом ваши фамилию, имя, отчество, дату рождения, гражданство (допускается только РФ), адрес постоянной регистрации (прописки), серию и номер паспорта.</p>
61 +
62 + <p>! Важно правильно заполнить графу «Назначение платежа».</p>
63 + <p>Иначе нам придется вернуть деньги.</p>
64 +
65 + <p>! Максимальная сумма перевода от физического лица кандидату за весь срок кампании - 2000 рублей</p>
66 + <p>Если хотите пожертвовать больше - переводите нескольким кандидатам</p>
67 +
68 + <p>Пример правильно заполненного поля «Назначение платежа»</p>
69 + <p>Добровольное пожертвование. Иванов Мефодий Кириллович, д/р 25.12.1987, гр.РФ, Москва, ул. Тверская, 9, кв. 100, паспорт 4516№ 010496.</p>
70 + </div>
71 +
72 + <div class="col-xs-6">
73 + <h2>Пошаговые инструкции для клиентов банков:</h2>
74 +
75 + <ul>
76 + <li>
77 + <a href="#">
78 + <img src="" alt="">
79 + <p>Сбербанк (через сайт)</p>
80 + </a>
81 + </li>
82 +
83 + <li>
84 + <a href="#">
85 + <img src="" alt="">
86 + <p>Сбербанк (через приложение)</p>
87 + </a>
88 + </li>
89 +
90 + <li>
91 + <a href="#">
92 + <img src="" alt="">
93 + <p>Сбербанк (через отделение)</p>
94 + </a>
95 + </li>
96 +
97 + <li>
98 + <a href="#">
99 + <img src="" alt="">
100 + <p>Альфа-банк</p>
101 + </a>
102 + </li>
103 +
104 + <li>
105 + <a href="#">
106 + <img src="" alt="">
107 + <p>Тинькофф Банк</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>
123 + </li>
124 + </ul>
125 +
126 + <p>Закон позволяет принимать лишь переводы на наши избирательные счёта. Мы не можем принимать переводы на чью-либо банковскую карту или интернет-кошелёк.
127 + </p>
128 + </div>
129 + </div>
130 +
131 + <br>
132 +
133 + <h2>На что пойдут деньги</h2>
134 +
135 + <div class="item">
136 + <div class="item__block">
137 + <div class="item__img">
138 + <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
139 + </div>
140 +
141 + <div class="item__description">
142 + <div class="item__title">215 рублей</div>
143 +
144 + <p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
145 + </div>
146 + </div>
147 +
148 + <div class="item__block">
149 + <div class="item__img">
150 + <img src="http://d26uhratvi024l.cloudfront.net/gsc/UXBGL3/10/c7/f6/10c7f6a9a49740e2b425483b9a34a53b/images/как_помочь/u327.png?token=e66a1af54f0422ec8c8ed14d599dc585" alt="">
151 + </div>
152 +
153 + <div class="item__description">
154 + <div class="item__title">215 рублей</div>
155 +
156 + <p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
157 + </div>
158 + </div>
159 + </div>
160 + </div>
161 +</div>
162 +
163 +//= _footer.html
1 1
2 -//= _header.html 2 +//= _head.html
3 3
4 <div class="content"> 4 <div class="content">
5 <div class="content__container"> 5 <div class="content__container">
6 6
7 + <div class="promo">
8 + <div class="promo__logo">
9 + <a href="/" class="icon icon__logo"></a>
10 + </div>
11 +
12 + <div class="promo__title">Выборы в Совет <br> депутатов Савёловского района</div>
13 +
14 + <br>
15 +
16 + <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
17 +
18 + <br>
19 +
20 + <button type="button" class="btn btn-default">Познакомится с кандидатами</button>
21 +
22 + <div class="promo__nav">
23 + <ul class="nav nav--promo">
24 + <li><a href="about.html">О совете депутатов</a></li>
25 + <li><a href="#">Кандидаты</a></li>
26 + <li><a href="#">Как помочь</a></li>
27 + <li><a href="#">Стать волонтёром</a></li>
28 + <li><a href="#">Как проголосовать</a></li>
29 + </ul>
30 + </div>
31 + </div>
32 +
7 </div> 33 </div>
8 </div> 34 </div>
9 35
......
1 1
2 .content { 2 .content {
3 - min-height: 300px; 3 + min-height: 500px;
4 + padding-bottom: 30px;
4 5
5 &__container { 6 &__container {
6 .container(); 7 .container();
7 } 8 }
9 +}
10 +
11 +.thumbnail {
12 + &--custom {
13 + display: inline-block;
14 + width: 150px;
15 + height: 150px;
16 + position: relative;
17 + overflow: hidden;
18 +
19 + img {
20 + position: absolute;
21 + left: 50%;
22 + top: 50%;
23 + transform: translate(-50%, -50%);
24 + }
25 + }
26 +}
27 +
28 +.recipient {
29 + &__row {
30 + .row;
31 + }
32 +
33 + &__text {
34 + display: inline-block;
35 + padding-left: 10px;
36 + }
37 +
38 + &__line {
39 + .make-xs-column(14);
40 + .pull-right;
41 + }
42 +
43 + .progress {
44 + margin: 0;
45 + }
46 +
47 + .select {
48 + width: 150px;
49 + }
50 +}
51 +
52 +.item {
53 + &__block {
54 + .row;
55 + margin-bottom: 30px;
56 +
57 + &:last-child {
58 + margin-bottom: 0;
59 + }
60 + }
61 +
62 + &__img {
63 + .make-xs-column(8);
64 + max-height: 400px;
65 +
66 + img {
67 + width: 100%;
68 + max-height: 100%;
69 + }
70 + }
71 +
72 + &__description {
73 + .make-xs-column(15.5);
74 + .make-xs-column-offset(0.5);
75 + }
76 +
77 + &__title {
78 + .h3;
79 + margin-top: 0;
80 + }
8 } 81 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1
2 +body {
3 + min-width: 970px;
4 +}
5 +
2 .head-h1 { 6 .head-h1 {
3 font-size: 28px; 7 font-size: 28px;
4 } 8 }
5 9
10 +h1, h2, h3 {
11 + margin-top: 10px;
12 +}
13 +
6 p { 14 p {
7 15
16 +}
17 +
18 +label {
19 + margin-bottom: 0;
8 } 20 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1
2 .header { 2 .header {
3 - text-align: center; 3 + padding: 11px 0px 35px 0px;
4 - padding: 30px 0px;
5 4
6 &__container { 5 &__container {
7 .container(); 6 .container();
8 } 7 }
9 8
9 + &__row {
10 + .row;
11 + }
12 +
10 &__logo { 13 &__logo {
11 - margin-bottom: 30px; 14 + .make-xs-column(2);
12 - display: inline-block;
13 } 15 }
14 16
15 &__title { 17 &__title {
16 - //margin-bottom: 20px; 18 + font-size: 18px;
19 + font-weight: bold;
20 + margin-top: 10px;
17 } 21 }
18 22
19 &__nav { 23 &__nav {
20 - margin-top: 30px; 24 + .make-xs-column(18.5);
25 + }
26 +
27 + &__do {
28 + .make-xs-column(3.5);
29 + margin-top: 15px;
30 + text-align: right;
31 +
32 + .btn {
33 + width: 100%;
34 + }
21 } 35 }
22 } 36 }
23 37
38 +
24 .nav { 39 .nav {
25 - width: 100%; 40 + &--promo {
26 - text-align: center; 41 + width: 100%;
42 + text-align: center;
27 43
28 - li { 44 + li {
29 - display: inline-block; 45 + display: inline-block;
30 46
31 - a { 47 + a {
32 - text-decoration: underline;
33 - color: #000;
34 -
35 - &:focus, &:hover {
36 - color: #000;
37 text-decoration: underline; 48 text-decoration: underline;
49 + color: #000;
50 +
51 + &:focus, &:hover {
52 + color: #000;
53 + text-decoration: underline;
54 + background: transparent;
55 + }
56 + }
57 + }
58 + }
59 +
60 + &--header {
61 + margin-top: 15px;
62 +
63 + li {
64 + display: inline-block;
65 + margin-right: 15px;
66 +
67 + &:last-child {
68 + margin-right: 0;
69 + }
70 +
71 + a {
72 + padding: 0;
73 + font-size: 16px;
74 + color: #000;
75 +
76 + &:focus, &:hover {
77 + color: #000;
78 + text-decoration: underline;
79 + background: transparent;
80 + }
38 } 81 }
39 } 82 }
40 } 83 }
......
...@@ -13,4 +13,8 @@ ...@@ -13,4 +13,8 @@
13 @import "footer"; 13 @import "footer";
14 14
15 @import "content"; 15 @import "content";
16 +
17 +@import "promo";
18 +@import "vote";
19 +
16 @import "modal"; 20 @import "modal";
...\ No newline at end of file ...\ No newline at end of file
......
1 +
2 +.promo {
3 + text-align: center;
4 + padding: 30px 0px;
5 +
6 + &__row {
7 + .row;
8 + }
9 +
10 + &__logo {
11 + margin-bottom: 30px;
12 + display: inline-block;
13 + }
14 +
15 + &__title {
16 + .head-h1;
17 + }
18 +
19 + &__nav {
20 + margin-top: 30px;
21 + }
22 +}
23 +
1 +
2 +.vote {
3 + display: inline-block;
4 + width: 100%;
5 + background-color: rgba(242, 242, 242, 1);
6 + padding: 20px 20px;
7 +
8 + &__map {
9 + .make-xs-column(10);
10 +
11 + &__iframe {
12 + width: 100%;
13 + height: 200px;
14 + }
15 + }
16 +
17 + &__description {
18 + .make-xs-column(12);
19 + margin-top: 80px;
20 + }
21 +
22 + &__label {
23 + display: inline-block;
24 + margin-bottom: 20px;
25 +
26 + &__description {
27 + vertical-align: middle;
28 + margin-left: 10px;
29 +
30 + p {
31 + margin-bottom: 0;
32 + font-size: 14px;
33 + }
34 + }
35 +
36 + &__img {
37 + display: inline-block;
38 + width: 100px;
39 + margin-left: 20px;
40 + max-height: 100px;
41 +
42 + img {
43 + width: 100%;
44 + }
45 + }
46 + }
47 +}
48 +
49 +
50 +.district {
51 + display: inline-block;
52 + width: 100%;
53 + margin-bottom: 50px;
54 +
55 + &:last-child {
56 + margin-bottom: 0;
57 + }
58 +
59 + &__block {
60 + float: left;
61 + margin: 0px -20px;
62 + margin-bottom: 20px;
63 +
64 + &:last-child {
65 + margin-bottom: 0;
66 + }
67 + }
68 +
69 + &__profile {
70 + .make-xs-column(12);
71 +
72 + &__img {
73 + .make-xs-column(9);
74 + }
75 +
76 + &__description {
77 + .make-xs-column(15);
78 + }
79 + }
80 +
81 + &__description {
82 + .make-xs-column(8);
83 + .pull-right;
84 + }
85 +}
86 +
87 +
88 +.passport {
89 + &__top {
90 + margin-top: 80px;
91 + }
92 +}
...\ No newline at end of file ...\ No newline at end of file
1 +//= _head.html
2 +
3 +//= _header.html
4 +
5 +<div class="content">
6 + <div class="content__container">
7 +
8 + <h2>Чем занимается совет депутатов</h2>
9 +
10 + <br>
11 +
12 + <p>Что такое совет депутатов ВМО «Щукино»?</p>
13 +
14 + <br>
15 +
16 + <p>Это 15 человек за длинным столом по адресу ул. Маршала Василевского дом 3. Вопросы только по повестке, утвержденной руководителем собрания, и только из области куцых полномочий переданных мэрией. Руководитель - один из депутатов выбранный большинством голосов, обычно на весь срок.</p>
17 +
18 + <br>
19 +
20 + <p>Здесь расклад простой, если в совете нет большинства, то остаются только депутатские запросы и попытки играть на собраниях в длинные дебаты.</p>
21 +
22 +
23 + </div>
24 +</div>
25 +
26 +//= _footer.html
1 +//= _head.html
2 +
3 +//= _header.html
4 +
5 +<div class="content">
6 + <div class="content__container">
7 +
8 + <h2>1. Узнайте адрес своего избирательного участка</h2>
9 +
10 + <p>В Савёловском районе 15 участков. Чтобы понять в какой идти, введите свой адрес</p>
11 +
12 + <br>
13 +
14 + <div class="input-group input-group-lg">
15 + <input type="text" class="form-control" placeholder="Ваш адрес прописки">
16 + </div>
17 +
18 + <br>
19 +
20 + <p><strong>Ваш участок - №399</strong></p>
21 + <p><strong>Адрес: Вятская ул., дом 29</strong></p>
22 +
23 + <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>
24 +
25 + <br>
26 + <br>
27 + <br>
28 +
29 + <h2>2. Приходите на выборы 10 сентября</h2>
30 +
31 + <br>
32 +
33 + <div class="row">
34 + <div class="col-xs-14 ">
35 + <p>Без вашего голоса мы не победим, разрыв голосов на этих выборов будет минимален. Приходите при любой погоде. Это в самом деле очень важно</p>
36 +
37 + <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>
38 +
39 + <div class="input-group">
40 + <input type="text" class="form-control" placeholder="Ваш телефон">
41 +
42 + <span class="input-group-btn">
43 + <button class="btn btn-default" type="button">Напомнить о выборах</button>
44 + </span>
45 + </div>
46 + </div>
47 +
48 + <div class="col-xs-8 pull-right">
49 + <div class="row">
50 + <div class="col-xs-12">
51 + <img src="img/passport.png" alt="">
52 + </div>
53 +
54 + <div class="col-xs-12">
55 + <p class="passport__top">Не забудьте свой паспорт!</p>
56 + </div>
57 + </div>
58 + </div>
59 + </div>
60 +
61 + <br>
62 + <br>
63 +
64 + <h2>3. Проголосуйте за независимых кандидатов</h2>
65 +
66 + <div class="row">
67 + <p class="col-xs-12">В бюллетень вы можете поставить не больше 4 галочек. Голосуйте за независимых кандидатов. В вашем округе это:</p>
68 + </div>
69 +
70 + <br>
71 +
72 + <div class="row">
73 + <div class="col-lg-24">
74 + <span class="vote__label">
75 + <input type="checkbox" class="vote__label__input" id="id1">
76 +
77 + <label for="id1" class="vote__label__description">
78 + <p class="show">Куракин</p>
79 +
80 + <p class="show">Евгений Игоревич</p>
81 + </label>
82 +
83 + <span class="vote__label__img">
84 + <img src="img/yabloko.png" alt="">
85 + </span>
86 + </span>
87 + </div>
88 +
89 + <div class="col-lg-24">
90 + <span class="vote__label">
91 + <input type="checkbox" class="vote__label__input" id="id1">
92 +
93 + <label for="id1" class="vote__label__description">
94 + <p class="show">Куракин</p>
95 +
96 + <p class="show">Евгений Игоревич</p>
97 + </label>
98 +
99 + <span class="vote__label__img">
100 + <img src="img/yabloko.png" alt="">
101 + </span>
102 + </span>
103 + </div>
104 +
105 + <div class="col-lg-24">
106 + <span class="vote__label">
107 + <input type="checkbox" class="vote__label__input" id="id1">
108 +
109 + <label for="id1" class="vote__label__description">
110 + <p class="show">Куракин</p>
111 +
112 + <p class="show">Евгений Игоревич</p>
113 + </label>
114 +
115 + <span class="vote__label__img">
116 + <img src="img/yabloko.png" alt="">
117 + </span>
118 + </span>
119 + </div>
120 +
121 + <div class="col-lg-24">
122 + <span class="vote__label">
123 + <input type="checkbox" class="vote__label__input" id="id1">
124 +
125 + <label for="id1" class="vote__label__description">
126 + <p class="show">Куракин</p>
127 +
128 + <p class="show">Евгений Игоревич</p>
129 + </label>
130 +
131 + <span class="vote__label__img">
132 + <img src="img/yabloko.png" alt="">
133 + </span>
134 + </span>
135 + </div>
136 +
137 + <div class="col-lg-24">
138 + <span class="vote__label">
139 + <input type="checkbox" class="vote__label__input" id="id1">
140 +
141 + <label for="id1" class="vote__label__description">
142 + <p class="show">Куракин</p>
143 +
144 + <p class="show">Евгений Игоревич</p>
145 + </label>
146 +
147 + <span class="vote__label__img">
148 + <img src="img/yabloko.png" alt="">
149 + </span>
150 + </span>
151 + </div>
152 + </div>
153 +
154 +
155 + </div>
156 +</div>
157 +
158 +//= _footer.html