https://spivakov.ru/donate.html

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6<title>Поддержать фонд — Фонд Владимира Спивакова</title>
7<meta name="description" content="Помогите одарённым детям: разовое пожертвование, оплата по QR-коду, программы «СберВместе» и «Мили милосердия», передача музыкальных инструментов."/>
8<link rel="icon" href="/assets/favicon.ico" sizes="any"/>
9<link rel="icon" type="image/png" sizes="32x32" href="/assets/xfavicon-32.png.pagespeed.ic.uYBnNshOp9.webp"/>
10<link rel="icon" type="image/png" sizes="64x64" href="/assets/xfavicon-64.png.pagespeed.ic.kxLfLBClYt.webp"/>
11<link rel="apple-touch-icon" href="/assets/xapple-touch-icon.png.pagespeed.ic.hS0XELUVIo.webp"/>
12<link rel="preconnect" href="https://fonts.googleapis.com"/>
13<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
14<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap&subset=cyrillic,cyrillic-ext,latin" rel="stylesheet"/>
15<link rel="stylesheet" href="/A.assets,,_site.css,,qv==58+theme.php,Mcc.N4Tt-Ys8mu.css.pagespeed.cf.X5yvHT2u98.css"/>
16
17<style>.dg-ways{margin-top:26px;padding-top:20px}.dg-ways-t{margin-bottom:13px}.dg-ways .dg-way{background:#fff;border:1.5px solid var(--line-strong);border-radius:14px;padding:15px 18px;margin-bottom:10px;transition:border-color .2s ease , box-shadow .2s ease}.dg-ways .dg-way:last-child{margin-bottom:0}.dg-ways .dg-way b{font-size:16px;font-weight:700}.dg-ways .dg-way span{flex:1 1 auto;font-size:13.5px}.dg-ways .dg-way::after{content:"→";margin-left:auto;flex:0 0 auto;color:var(--ink-3);font-size:15px;font-weight:600;transition:color .2s ease , transform .2s ease}.dg-ways .dg-way:hover{border-color:var(--accent);box-shadow:0 3px 12px rgba(34,29,23,.07)}.dg-ways .dg-way:hover::after{color:var(--accent);transform:translateX(3px)}@media (max-width:560px){.dg-ways .dg-way{flex-wrap:wrap;gap:2px 10px;padding:14px 16px}.dg-ways .dg-way b{white-space:normal}.dg-ways .dg-way::after{order:2}.dg-ways .dg-way span{order:3;flex:1 0 100%}}.miles-how{margin-top:36px}.miles-note{font-size:14px;color:var(--ink-2);line-height:1.6;max-width:760px;margin-top:18px}.miles-note a{color:var(--accent)}</style>
18
19<link rel="canonical" href="https://spivakov.ru/donate.html"/>
20<meta property="og:type" content="website"/>
21<meta property="og:site_name" content="Фонд Владимира Спивакова"/>
22<meta property="og:title" content="Поддержать фонд — Фонд Владимира Спивакова"/>
23<meta property="og:description" content="Помогите одарённым детям: разовое пожертвование, оплата по QR-коду, программы «СберВместе» и «Мили милосердия», передача музыкальных инструментов."/>
24<meta property="og:url" content="https://spivakov.ru/donate.html"/>
25<meta property="og:image" content="https://spivakov.ru/assets/img/qr-donate.png"/>
26<meta property="og:image:width" content="1399"/>
27<meta property="og:image:height" content="932"/>
28<meta property="og:image:type" content="image/jpeg"/>
29<meta property="og:locale" content="ru_RU"/>
30<meta name="twitter:card" content="summary_large_image"/>
31<link rel="alternate" hreflang="ru" href="https://spivakov.ru/donate.html"/>
32<link rel="alternate" hreflang="x-default" href="https://spivakov.ru/donate.html"/>
33<link rel="alternate" hreflang="en" href="https://spivakov.ru/en/donate.html"/>
34<link rel="alternate" hreflang="es" href="https://spivakov.ru/es/donate.html"/>
35<link rel="alternate" hreflang="fr" href="https://spivakov.ru/fr/donate.html"/>
36<style>.qr-mob{display:none}@media (max-width:900px){.qr-mob{display:block;margin-top:22px;padding-top:20px;border-top:1px dashed var(--line-strong);text-align:center}.qr-mob h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:12px}.qr-mob img.qr{display:block;margin:0 auto 10px;max-width:230px;width:72%;height:auto}.qr-mob p{font-size:13.5px;color:var(--ink-2);margin:0}.donate-side .side-card.qr-desk{display:none}}.req-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px}.req-head h3{margin:0}.req-head a{font-size:13.5px;font-weight:600;color:var(--accent);white-space:nowrap}.req-head a:hover{text-decoration:underline}</style>
37</head>
38<body>
39
40<div id="site-header" data-active="" style="min-height:88px"></div>
41
42<div class="container page-hero">
43  <div class="crumbs reveal"><a href="/">Главная</a> / <span>Как помочь</span></div>
44  <h1 class="serif reveal">Поддержать фонд</h1>
45  <p class="lead reveal">Каждое пожертвование&nbsp;— это новые инструменты, поездки на&nbsp;конкурсы и&nbsp;сцена для талантливых детей со&nbsp;всей страны. Помочь можно за&nbsp;минуту.</p>
46</div>
47
48<section class="section--tight">
49  <div class="container">
50    <div class="donate-grid reveal">
51
52      <div class="donate-card">
53        <h2 class="serif">Сделать пожертвование</h2>
54        <!-- ВРЕМЕННО: ежемесячные списания не реализованы (нет автосписания по расписанию),
55     поэтому выбор частоты скрыт и всегда действует «Разово». Чтобы вернуть —
56     убрать style="display:none" и вернуть class="on" кнопке «Ежемесячно». -->
57        <div class="donate-toggle" id="freq" style="display:none">
58          <button type="button" class="on" data-freq="once">Разово</button>
59          <button type="button" data-freq="month">Ежемесячно</button>
60        </div>
61        <div class="amount-grid" id="amounts">
62          <div class="amount" data-a="100">100&nbsp;₽</div>
63          <div class="amount sel" data-a="500">500&nbsp;₽</div>
64          <div class="amount" data-a="1000">1&nbsp;000&nbsp;₽</div>
65          <div class="amount" data-a="3000">3&nbsp;000&nbsp;₽</div>
66          <div class="amount" data-a="5000">5&nbsp;000&nbsp;₽</div>
67          <div class="amount" data-a="10000">10&nbsp;000&nbsp;₽</div>
68        </div>
69        <div class="amount-custom">
70          <input type="number" id="customAmount" placeholder="Другая сумма" min="100"/>

71          <span class="cur">₽</span>
72        </div>
73        <button class="btn btn-primary" id="donateBtn" type="button">Пожертвовать <span id="btnAmt">500&nbsp;₽</span></button>
74        <div class="donate-ok" id="donateOk">Спасибо за&nbsp;доброту! Здесь будет безопасная оплата картой и&nbsp;через СБП. Приём платежей подключается к&nbsp;запуску сайта.</div>
75        <p class="donate-note">Назначение платежа: «Благотворительное пожертвование на&nbsp;уставные цели фонда». <a href="oferta.html" style="color:var(--accent)">Договор-оферта</a></p>
76        <!-- пакет №13 (этап 10): QR-код для телефона — сразу под формой -->
77        <div class="qr-mob">
78          <h3>Оплата по&nbsp;QR-коду</h3>
79          <img class="qr" src="/assets/img/xqr-donate.png,qv=2.pagespeed.ic.NIy5arNlKk.webp" alt="QR-код для пожертвования через СБП" loading="lazy"/>
80          <p>Сохраните код или откройте его в&nbsp;приложении банка&nbsp;— оплата через Систему быстрых платежей.</p>
81        </div>
82        <!-- §34: способы помощи — на видном месте, сразу под пожертвованием -->
83        <div class="dg-ways">
84          <div class="dg-ways-t">Помочь можно не&nbsp;только деньгами:</div>
85          <a class="dg-way" href="https://vmeste.sber.ru/npo/136" target="_blank" rel="noopener"><b>СберВместе</b><span>адресные сборы для подопечных</span></a>
86          <a class="dg-way" href="#miles"><b>Мили милосердия</b><span>мили «Аэрофлота» — в билеты для детей</span></a>
87          <a class="dg-way" href="instruments-gifted.html"><b>Подарить инструмент</b><span>скрипки, флейты, трубы — в руки талантов</span></a>
88        </div>
89      </div>
90
91      <div class="donate-side">
92        <div class="side-card qr-desk">
93          <h3 class="serif">Оплата по&nbsp;QR-коду</h3>
94          <img class="qr" src="/assets/img/xqr-donate.png,qv=2.pagespeed.ic.NIy5arNlKk.webp" alt="QR-код для пожертвования через СБП" loading="lazy"/>
95          <p class="muted" style="font-size:13.5px;text-align:center">Наведите камеру телефона&nbsp;— оплата через Систему быстрых платежей.</p>
96        </div>
97        <div class="side-card">
98          <div class="req-head"><h3 class="serif">Реквизиты фонда</h3><a href="corporate.html#invoice">Для компаний: счёт на&nbsp;оплату →</a></div>
99          <div class="req-row"><span class="rk">Организация</span><span class="rv">МБФ Владимира Спивакова</span></div>
100          <div class="req-row"><span class="rk">ИНН</span><span class="rv">7710012370</span></div>
101          <div class="req-row"><span class="rk">ОГРН</span><span class="rv">1037739449186</span></div><div class="req-row"><span class="rk">Р/с</span><span class="rv">40703810938090105148</span></div><div class="req-row"><span class="rk">Банк</span><span class="rv">ПАО Сбербанк России, г. Москва</span></div><div class="req-row"><span class="rk">БИК</span><span class="rv">044525225</span></div><div class="req-row"><span class="rk">К/с</span><span class="rv">30101810400000000225</span></div><div class="req-row"><span class="rk">КПП</span><span class="rv">770301001</span></div>
102          <div class="req-row"><span class="rk">Адрес</span><span class="rv">115054, Москва,<br>Космодамианская наб., 52, стр.&nbsp;8</span></div>
103          
104        </div>
105      </div>
106
107    </div>
108  </div>
109</section>
110
111<section class="section" id="sber" style="background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:110px">

112  <div class="container">
113    <div class="section-head reveal" style="margin-bottom:30px">
114      <div><div class="eyebrow" style="margin-bottom:12px">Способы помочь</div><h2 class="section-title">Не&nbsp;только деньгами</h2></div>
115    </div>
116    <div class="help-grid reveal">
117      <div class="quick"><h3 class="serif">Разовое пожертвование</h3><p>Любая сумма помогает. Пожертвование можно повторить в&nbsp;любой момент&nbsp;— каждый взнос идёт на&nbsp;помощь подопечным фонда.</p></div>
118      <a class="quick" href="https://vmeste.sber.ru/npo/136" target="_blank" rel="noopener"><h3 class="serif">СберВместе</h3><p>«Место встречи добрых дел»&nbsp;— адресные сборы на&nbsp;платформе СберВместе для конкретных подопечных фонда.</p><span class="arr">Перейти →</span></a>
119      <a class="quick" href="#miles"><h3 class="serif">Аэрофлот «Мили милосердия»</h3><p>Передайте накопленные мили&nbsp;— они превращаются в&nbsp;авиабилеты для детей на&nbsp;лечение, конкурсы и&nbsp;концерты.</p><span class="arr">Как перевести →</span></a>
120      <a class="quick" href="instruments-gifted.html"><h3 class="serif">Подарить инструмент</h3><p>Фонд принимает музыкальные инструменты в&nbsp;дар и&nbsp;передаёт их&nbsp;одарённым детям: скрипки, флейты, кларнеты, трубы, валторны, гитары.</p><span class="arr">→</span></a>
121    </div>
122  </div>
123</section>
124
125<section class="section--tight" id="miles" style="scroll-margin-top:110px">
126  <div class="container">
127    <div class="feature reveal">
128      <div class="feature-img imgcover"><img src="/assets/img/xp-aeroflot.jpg.pagespeed.ic.eUPY3ps7tl.webp" alt="Аэрофлот" loading="lazy" style="object-fit:contain;padding:40px;background:#fff"/></div>
129      <div class="feature-body">
130        <div class="eyebrow">Мили милосердия</div>
131        <h3 class="serif">Мили, которые спасают жизни</h3>
132        <p>Идею «Милей милосердия» фонд предложил более пятнадцати лет назад, и&nbsp;«Аэрофлот» реализовал её в&nbsp;программе «Аэрофлот Бонус». Накопленные мили превращаются в&nbsp;билеты для детей&nbsp;— на&nbsp;лечение вдали от&nbsp;дома, конкурсы и&nbsp;концерты.</p>
133        <div class="stat-row" style="margin-top:4px">
134          <div class="stat"><div class="num serif">148&nbsp;млн</div><div class="cap">переданных миль</div></div>
135          <div class="stat"><div class="num serif">4&nbsp;280</div><div class="cap">билетов для детей</div></div>
136        </div>
137        <div class="feature-cta" style="margin-top:26px">
138          <a class="btn btn-primary" href="https://www.aeroflot.ru/aac/app/ru-ru/login" target="_blank" rel="noopener">Перевести мили</a>
139          <a class="btn btn-ghost" href="https://www.aeroflot.ru/ru-ru/help/questions/afl_bonus/charity_miles" target="_blank" rel="noopener">Через обратную связь</a>
140        </div>
141      </div>
142    </div>
143
144    <div class="miles-how reveal">
145      <div class="eyebrow" style="margin-bottom:12px">Как перевести мили</div>
146      <div class="steps">
147        <div class="step">
148          <h3>Войдите в&nbsp;личный кабинет</h3>
149          <p>Личный кабинет участника программы «Аэрофлот&nbsp;Бонус» на&nbsp;сайте авиакомпании.</p>
150        </div>
151        <div class="step">
152          <h3>Откройте передачу миль на&nbsp;благотворительность</h3>
153          <p>Раздел проекта «Мили милосердия» в&nbsp;программе «Аэрофлот&nbsp;Бонус».</p>
154        </div>
155        <div class="step">
156          <h3>Выберите «Фонд Владимира Спивакова»</h3>
157          <p>Фонд есть в&nbsp;списке получателей&nbsp;— выберите его и&nbsp;нажмите «Передать мили на&nbsp;благотворительность».</p>
158        </div>
159        <div class="step">
160          <h3>Укажите количество миль</h3>
161          <p>Минимальный перевод&nbsp;— 100&nbsp;миль, при&nbsp;этом на&nbsp;счёте должно быть не&nbsp;менее 3&nbsp;000&nbsp;миль. Мили поступают на&nbsp;счёт фонда сразу.</p>
162        </div>
163      </div>
164      <p class="miles-note">Перевод миль выполняется на&nbsp;стороне «Аэрофлота»: фонд не&nbsp;получает доступа к&nbsp;вашему счёту и&nbsp;не&nbsp;запрашивает данные программы. Заполненное заявление можно также направить через форму «Обратной связи» на&nbsp;сайте авиакомпании. Передать мили могут участники программы старше 12&nbsp;лет. По&nbsp;вопросам участия фонда в&nbsp;

164проекте&nbsp;— <a href="contacts.html">напишите нам</a>.</p>
165    </div>
166  </div>
167</section>
168
169<section class="section">
170  <div class="container">
171    <div class="section-head reveal" style="margin-bottom:34px">
172      <div><div class="eyebrow" style="margin-bottom:12px">Добрые истории</div><h2 class="section-title">Ради чего это всё</h2></div>
173    </div>
174    <div class="grid-3 reveal">
175      <a class="news-card" href="stories.html#mechta-kotorojj-ona-posvyatila-vsyu-zhizn"><div class="news-thumb imgcover"><img src="/assets/img/xstory-01.jpg.pagespeed.ic.fJZOvz_vyS.webp" alt="" loading="lazy"/></div><div class="news-body"><div class="news-title serif">Танго мечты</div><p class="news-excerpt">Сойюч Дерья, перенёсшая 33&nbsp;операции, станцевала танго на&nbsp;фестивале «Москва встречает друзей»&nbsp;— благодаря программе «Мили милосердия».</p></div></a>
176      <a class="news-card" href="stories.html#muzyka-prodolzhaet-zhizn"><div class="news-thumb imgcover"><img src="/assets/img/xstory-02.jpg.pagespeed.ic.eMCnRAipYy.webp" alt="" loading="lazy"/></div><div class="news-body"><div class="news-title serif">Музыка продолжает жизнь</div><p class="news-excerpt">14-летний музыкант из&nbsp;Севастополя Уильям Хайло после трансплантации вышел на&nbsp;сцену Дома музыки и&nbsp;получил овацию зала.</p></div></a>
177      <a class="news-card" href="stories.html#otvetstvennost-pered-ee-velichestvom-muzykojj"><div class="news-thumb imgcover"><img src="/assets/img/xstory-03.jpg.pagespeed.ic.zKej_Gk7hk.webp" alt="" loading="lazy"/></div><div class="news-body"><div class="news-title serif">Скрипка, девочка, волшебство добра</div><p class="news-excerpt">История юной скрипачки Лидии Ступаковой&nbsp;— об&nbsp;ответственности перед Её&nbsp;Величеством Музыкой.</p></div></a>
178    </div>
179  </div>
180</section>
181
182<footer id="site-footer"></footer>

183<script src="/assets/site.js,qv=56.pagespeed.jm.QsSE3ub0zZ.js"></script>

183

184<script>(function(){var freq=document.getElementById('freq');var amounts=document.getElementById('amounts');var custom=document.getElementById('customAmount');var btnAmt=document.getElementById('btnAmt');var okBox=document.getElementById('donateOk');var current=500;function fmt(n){return n.toLocaleString('ru-RU')+' ₽';}function setAmt(n){current=n;btnAmt.innerHTML=fmt(n);}freq.addEventListener('click',function(e){var b=e.target.closest('button');if(!b)return;freq.querySelectorAll('button').forEach(function(x){x.classList.remove('on');});b.classList.add('on');});amounts.addEventListener('click',function(e){var a=e.target.closest('.amount');if(!a)return;amounts.querySelectorAll('.amount').forEach(function(x){x.classList.remove('sel');});a.classList.add('sel');custom.value='';setAmt(+a.getAttribute('data-a'));});custom.addEventListener('input',function(){if(custom.value){amounts.querySelectorAll('.amount').forEach(function(x){x.classList.remove('sel');});setAmt(+custom.value||0);}});var btn=document.getElementById('donateBtn');btn.addEventListener('click',function(){var monthly=!!freq.querySelector('button.on[data-freq="month"]');var sum=parseInt(custom.value,10)||current;if(!sum||sum<50){okBox.textContent='Укажите сумму от 50 ₽.';okBox.style.display='block';return;}var label=btn.innerHTML;btn.disabled=true;btn.innerHTML='Переходим к оплате…';fetch('/pay/init.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({amount:sum,monthly:monthly})}).then(function(r){return r.json().then(function(j){return{code:r.status,data:j};});}).then(function(res){if(res.data&&res.data.ok&&res.data.url){location.href=res.data.url;return;}btn.disabled=false;btn.innerHTML=label;okBox.textContent=(res.data&&res.data.error)||'Не удалось начать оплату. Попробуйте QR-код или реквизиты ниже.';okBox.style.display='block';okBox.scrollIntoView({behavior:'smooth',block:'center'});}).catch(function(){btn.disabled=false;btn.innerHTML=label;okBox.textContent='Оплата временно недоступна. Пожертвование можно сделать по QR-коду или по реквизитам ниже.';okBox.style.display='block';okBox.scrollIntoView({behavior:'smooth',block:'center'});});});})();</script>

184
185</body>
186</html>