Showing
31 changed files
with
1475 additions
and
96 deletions
build/_head.html
0 → 100644
| 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 | ... | ... |
build/about.html
0 → 100644
| 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 |
build/candidates.html
0 → 100644
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 | +} | ... | ... |
build/help.html
0 → 100644
This diff is collapsed. Click to expand it.
build/img/passport.png
0 → 100644
56 KB
build/img/profile.jpg
0 → 100644
146 KB
build/img/profile.png
0 → 100644
4.31 KB
build/img/yabloko.png
0 → 100644
10.9 KB
| ... | @@ -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> | ... | ... |
build/volunteer.html
0 → 100644
| 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 |
build/vote.html
0 → 100644
| 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 |
src/_head.html
0 → 100644
| 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 | ... | ... |
src/about.html
0 → 100644
| 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 |
src/candidates.html
0 → 100644
This diff is collapsed. Click to expand it.
src/help.html
0 → 100644
| 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 |
src/img/passport.png
0 → 100644
56 KB
src/img/profile.jpg
0 → 100644
146 KB
src/img/profile.png
0 → 100644
4.31 KB
src/img/yabloko.png
0 → 100644
10.9 KB
| 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 | } | ... | ... |
src/styles/promo.less
0 → 100644
src/styles/vote.less
0 → 100644
| 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 |
src/volunteer.html
0 → 100644
| 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 |
src/vote.html
0 → 100644
| 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 |
-
Please register or login to post a comment