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> 1 +
2 -<html lang="ru"> 2 +<div class="header ">
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"> 3 <div class="header__container">
16 - <a href="#" class="header__logo"> 4 + <div class="header__row">
5 + <a href="#" class="header__logo ">
17 <div class="icon icon__logo"></div> 6 <div class="icon icon__logo"></div>
18 </a> 7 </a>
19 8
20 - <div class="head-h1 header__title">Выборы в Совет <br> депутатов Савёловского района</div> 9 + <div class="header__nav ">
21 - 10 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
22 - <br>
23 -
24 - <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
25 -
26 - <br>
27 11
28 - <button type="button" class="btn btn-default">Познакомится с кандидатами</button> 12 + <ul class="nav nav--header">
29 - 13 + <li><a href="about.html">О совете депутатов</a></li>
30 - <div class="header__nav"> 14 + <li><a href="candidates.html">Кандидаты</a></li>
31 - <ul class="nav"> 15 + <li><a href="help.html">Как помочь</a></li>
32 - <li><a href="#">О совете депутатов</a></li> 16 + <li><a href="volunteer.html">Стать волонтёром</a></li>
33 - <li><a href="#">Кандидаты</a></li> 17 + <li><a href="vote.html">Как проголосовать</a></li>
34 - <li><a href="#">Как помочь</a></li>
35 - <li><a href="#">Стать волонтёром</a></li>
36 - <li><a href="#">Как проголосовать</a></li>
37 </ul> 18 </ul>
38 </div> 19 </div>
20 +
21 + <div class="header__do">
22 + <button type="button" class="btn btn-default">Поддержать</button>
23 + </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
This diff is collapsed. Click to expand it.
...@@ -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 +}
......
This diff is collapsed. Click to expand it.
...@@ -12,13 +12,16 @@ ...@@ -12,13 +12,16 @@
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">
18 +
19 + <div class="promo">
20 + <div class="promo__logo">
21 + <a href="/" class="icon icon__logo"></a>
22 + </div>
23 +
24 + <div class="promo__title">Выборы в Совет <br> депутатов Савёловского района</div>
22 25
23 <br> 26 <br>
24 27
...@@ -28,9 +31,9 @@ ...@@ -28,9 +31,9 @@
28 31
29 <button type="button" class="btn btn-default">Познакомится с кандидатами</button> 32 <button type="button" class="btn btn-default">Познакомится с кандидатами</button>
30 33
31 - <div class="header__nav"> 34 + <div class="promo__nav">
32 - <ul class="nav"> 35 + <ul class="nav nav--promo">
33 - <li><a href="#">О совете депутатов</a></li> 36 + <li><a href="about.html">О совете депутатов</a></li>
34 <li><a href="#">Кандидаты</a></li> 37 <li><a href="#">Кандидаты</a></li>
35 <li><a href="#">Как помочь</a></li> 38 <li><a href="#">Как помочь</a></li>
36 <li><a href="#">Стать волонтёром</a></li> 39 <li><a href="#">Стать волонтёром</a></li>
...@@ -38,10 +41,6 @@ ...@@ -38,10 +41,6 @@
38 </ul> 41 </ul>
39 </div> 42 </div>
40 </div> 43 </div>
41 -</div>
42 -
43 -<div class="content">
44 - <div class="content__container">
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> 1 +
2 -<html lang="ru"> 2 +<div class="header ">
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"> 3 <div class="header__container">
16 - <a href="#" class="header__logo"> 4 + <div class="header__row">
5 + <a href="#" class="header__logo ">
17 <div class="icon icon__logo"></div> 6 <div class="icon icon__logo"></div>
18 </a> 7 </a>
19 8
20 - <div class="head-h1 header__title">Выборы в Совет <br> депутатов Савёловского района</div> 9 + <div class="header__nav ">
21 - 10 + <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>
22 - <br>
23 -
24 - <p>10 сентября вы выбираете между теми, кому небезразличен район, чья жизнь с ним связана, <br> и теми, кто бездумно исполняет любые указания Управы района.</p>
25 -
26 - <br>
27 11
28 - <button type="button" class="btn btn-default">Познакомится с кандидатами</button> 12 + <ul class="nav nav--header">
29 - 13 + <li><a href="about.html">О совете депутатов</a></li>
30 - <div class="header__nav"> 14 + <li><a href="candidates.html">Кандидаты</a></li>
31 - <ul class="nav"> 15 + <li><a href="help.html">Как помочь</a></li>
32 - <li><a href="#">О совете депутатов</a></li> 16 + <li><a href="volunteer.html">Стать волонтёром</a></li>
33 - <li><a href="#">Кандидаты</a></li> 17 + <li><a href="vote.html">Как проголосовать</a></li>
34 - <li><a href="#">Как помочь</a></li>
35 - <li><a href="#">Стать волонтёром</a></li>
36 - <li><a href="#">Как проголосовать</a></li>
37 </ul> 18 </ul>
38 </div> 19 </div>
20 +
21 + <div class="header__do">
22 + <button type="button" class="btn btn-default">Поддержать</button>
23 + </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
This diff is collapsed. Click to expand it.
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 }
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 + }
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
8 } 16 }
17 +
18 +label {
19 + margin-bottom: 0;
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 {
40 + &--promo {
25 width: 100%; 41 width: 100%;
26 text-align: center; 42 text-align: center;
27 43
...@@ -35,6 +51,33 @@ ...@@ -35,6 +51,33 @@
35 &:focus, &:hover { 51 &:focus, &:hover {
36 color: #000; 52 color: #000;
37 text-decoration: underline; 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