help.html 18.9 KB
<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Выборы в Совет депутатов Савёловского района</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/main.js"></script>
</head>
<body>


<div class="header ">
    <div class="header__container">
        <div class="header__row">
            <a href="#" class="header__logo ">
                <div class="icon icon__logo"></div>
            </a>

            <div class="header__nav ">
                <div class=" header__title ">Команда независимых кандидатов в совет депутатов Савёловского района</div>

                <ul class="nav nav--header">
                    <li><a href="about.html">О совете депутатов</a></li>
                    <li><a href="candidates.html">Кандидаты</a></li>
                    <li><a href="help.html">Как помочь</a></li>
                    <li><a href="volunteer.html">Стать волонтёром</a></li>
                    <li><a href="vote.html">Как проголосовать</a></li>
                </ul>
            </div>

            <div class="header__do">
                <button type="button" class="btn btn-default btn__attention">Поддержать</button>
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="content__container">

        <h2>Независимая политика возможна, только если её финансируете вы</h2>

        <br>

        <div class="row">
            <div class="col-xs-18">
                <p>Сделать пожертвование легко</p>

                <p>Это займет всего несколько минут</p>

                <p>1. Откройте ваш интернет-банк или мобильное приложение и найдите функцию перевода по реквизитам.</p>

                <p>2. Заполните форму перевода, следуя инструкциям на этой странице.</p>

                <p>3. Проверьте реквизиты и отправьте перевод. Готово.</p>

                <p>Реквизиты избирательного счета для перевода пожертвования</p>
                <p><strong>Банк получатель:</strong> ПАО «Сбербанк»</p>

                <p><strong>Корр. счет:</strong> 3010 1810 4000 0000 0225</p>
                <p><strong>БИК:</strong> 044525225</p>

                <p><strong>КПП:</strong> не заполнять</p>
                <p>(ИНН указывать при переводе не нужно. Указывайте его, только если банк не даёт вам провести платёж без него: 773709696309)</p>
                <p><strong>Номер счета получателя:</strong> ------------</p>

                <div class="jumbotron">
                    <div class="row signs-list">
                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row signs-list">
                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row signs-list">
                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row signs-list">
                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row signs-list">
                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="progress-item">
                                <div class="progress-btn">
                                    <a href="#section-form" onclick="scrollToAdvanced('#section-form');return false;" class="btn btn__thin">Оставить подпись</a>
                                </div>

                                <div class="progress-title">Капотня</div>

                                <div class="progress-value">10 000 рублей из 50 000</div>

                                <div class="progress-bar__colorful">
                                    <div class="progress-bar__overlap" style="width: 96.4286%;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="recipient">
                    <div class="recipient__row">
                       <span class="recipient__text" id="basic-addon3">
                        Получатель:

                        <select name="" id="" class="select">
                            <option value="1">1</option>
                        </select>
                    </span>

                        <div class="recipient__line">
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                    20 000 / 80 000
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <br>

                <p>Назначение платежа (заполните внимательно):</p>
                <p>Напишите «Добровольное пожертвование», потом ваши фамилию, имя, отчество, дату рождения, гражданство (допускается только РФ), адрес постоянной регистрации (прописки), серию и номер паспорта.</p>

                <p>! Важно правильно заполнить графу «Назначение платежа».</p>
                <p>Иначе нам придется вернуть деньги.</p>

                <p>! Максимальная сумма перевода от физического лица кандидату за весь срок кампании - 2000 рублей</p>
                <p>Если хотите пожертвовать больше - переводите нескольким кандидатам</p>

                <p>Пример правильно заполненного поля «Назначение платежа»</p>
                <p>Добровольное пожертвование. Иванов Мефодий Кириллович, д/р 25.12.1987, гр.РФ, Москва, ул. Тверская, 9, кв. 100, паспорт 4516№ 010496.</p>
            </div>

            <div class="col-xs-6">
                <h3>Пошаговые инструкции для клиентов банков:</h3>

                <ul class="pay-item">
                    <li>
                        <a href="#">
                            <img src="img/bank-sber.png" class="pay-item__img" alt="">
                            <p class="pay-item__text">Сбербанк (через сайт)</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="img/bank-alfa.gif" class="pay-item__img" alt="">
                            <p class="pay-item__text">Альфа-банк</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="img/bank-raiffaisen.png" class="pay-item__img" alt="">
                            <p class="pay-item__text">Райффайзен Банк</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="img/bank-tinkoff.png" class="pay-item__img" alt="">
                            <p class="pay-item__text">Тинькофф Банк</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="img/bank-roket.jpeg" class="pay-item__img" alt="">
                            <p class="pay-item__text">Рокетбанк</p>
                        </a>
                    </li>
                </ul>

                <p>Закон позволяет принимать лишь переводы на наши избирательные счёта. Мы не можем принимать переводы на чью-либо банковскую карту или интернет-кошелёк.
                </p>
            </div>
        </div>

        <br>

        <h2>На что пойдут деньги</h2>

        <div class="item">
            <div class="item__block">
                <div class="item__img">
                    <img src="img/empty.png" alt="">
                </div>

                <div class="item__description">
                    <div class="item__title">215 рублей</div>

                    <p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
                </div>
            </div>

            <div class="item__block">
                <div class="item__img">
                    <img src="img/empty.png" alt="">
                </div>

                <div class="item__description">
                    <div class="item__title">215 рублей</div>

                    <p>Печать и раскладка газет в одном жилом многоквартирном доме. Всего в избирательном округе — 264 домов.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="footer__container">
        <div class="footer__left">
            <p>Следите за кампанией</p>

            <ul class="social">
                <li><a href="#">Вконтакте</a></li>
                <li><a href="#">Фейсбук</a></li>
                <li><a href="#">Твиттер</a></li>
                <li><a href="#">Одноклассники</a></li>
            </ul>

            <p>Оставьте нам свой мобильный телефон. Мы отправим вам сообщение перед выборами</p>


            <form class="form-inline" role="form">
                <div class="form-group">
                    <input type="email" class="form-control" placeholder="">
                </div>
                <button type="submit" class="btn btn-default">Напомнить о выборах</button>
            </form>
        </div>

        <div class="footer__right">
            <p>Пообщаться с кандидатами</p>

            <ul class="social">
                <li><a href="#">Телеграм</a></li>
                <li><a href="#">Электронная почта</a></li>
                <li><a href="#">Телефон</a></li>
            </ul>
        </div>

        <div class="col-xs-24 text-center">
            <br>

            <h4 class="">Приходите на выборы 10 сентября 2017 года <br> и голосуйте за независимую команду</h4>

            <br>

            <button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
        </div>
    </div>
</div>
</body>
</html>