Nurkat/kak-nakopit-na-otdyh-i-kuda
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v4: все разделы - календарь, трекер, чек-листы, аптечка, экономия

Browse Source
This commit is contained in:
Nurkat 2026-08-14 10:37:03 +00:00
parent 3a943cc433
commit 8aba0fecdd
1 changed files with 421 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

427
index.html
View File

@ -303,13 +303,406 @@ input:focus,select:focus{outline:2px solid var(--cyan);border-color:transparent}
</div>
</section>
<section class="section" style="background:var(--ink);color:var(--white)">
<div class="container" style="text-align:center">
<h2>🚀 Начните копить прямо сейчас!</h2>
<p style="font-size:20px;color:#9aa3b2;margin-bottom:32px">
Через 2 года вы сможете поехать на отдых всей семьёй, не влезая в долги.
<section id="calendar" class="section">
<div class="container">
<h2>📅 Календарь поездок на 2 года</h2>
<div class="card">
<p style="color:var(--gray-500);margin-bottom:20px">Оптимальные даты для семьи из 7 человек с детьми 2, 5, 10, 12, 15 лет</p>
<div style="overflow-x:auto">
<table style="width:100%;border-collapse:collapse;font-size:15px">
<tr style="background:var(--cyan-50)">
<th style="padding:12px;border:1px solid #ddd">Месяц</th>
<th style="padding:12px;border:1px solid #ddd">Куда</th>
<th style="padding:12px;border:1px solid #ddd">Дней</th>
<th style="padding:12px;border:1px solid #ddd">Бюджет</th>
<th style="padding:12px;border:1px solid #ddd">Почему</th>
</tr>
<tr><td style="padding:12px;border:1px solid #ddd"><strong>Январь 2026</strong></td><td style="padding:12px;border:1px solid #ddd">Щучинск (лыжи)</td><td style="padding:12px;border:1px solid #ddd">4</td><td style="padding:12px;border:1px solid #ddd">180 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Зимние каникулы, детям 10-15 лет понравится</td></tr>
<tr style="background:#f9f9f9"><td style="padding:12px;border:1px solid #ddd"><strong>Март 2026</strong></td><td style="padding:12px;border:1px solid #ddd">Египет</td><td style="padding:12px;border:1px solid #ddd">5</td><td style="padding:12px;border:1px solid #ddd">350 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Тёплое море, малыш 2 года не замёрзнет</td></tr>
<tr><td style="padding:12px;border:1px solid #ddd"><strong>Май 2026</strong></td><td style="padding:12px;border:1px solid #ddd">Актау</td><td style="padding:12px;border:1px solid #ddd">5</td><td style="padding:12px;border:1px solid #ddd">280 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Не жарко, дети на каникулах</td></tr>
<tr style="background:#f9f9f9"><td style="padding:12px;border:1px solid #ddd"><strong>Июль 2026</strong></td><td style="padding:12px;border:1px solid #ddd">Боровое</td><td style="padding:12px;border:1px solid #ddd">7</td><td style="padding:12px;border:1px solid #ddd">250 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Купание, природа, недорого</td></tr>
<tr><td style="padding:12px;border:1px solid #ddd"><strong>Сентябрь 2026</strong></td><td style="padding:12px;border:1px solid #ddd">Турция</td><td style="padding:12px;border:1px solid #ddd">7</td><td style="padding:12px;border:1px solid #ddd">750 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Бархатный сезон, меньше людей</td></tr>
<tr style="background:#f9f9f9"><td style="padding:12px;border:1px solid #ddd"><strong>Январь 2027</strong></td><td style="padding:12px;border:1px solid #ddd">Щучинск (лыжи)</td><td style="padding:12px;border:1px solid #ddd">4</td><td style="padding:12px;border:1px solid #ddd">200 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Традиция, дети ждут</td></tr>
<tr><td style="padding:12px;border:1px solid #ddd"><strong>Март 2027</strong></td><td style="padding:12px;border:1px solid #ddd">Египет</td><td style="padding:12px;border:1px solid #ddd">5</td><td style="padding:12px;border:1px solid #ddd">380 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Тепло, бюджетно</td></tr>
<tr style="background:#f9f9f9"><td style="padding:12px;border:1px solid #ddd"><strong>Май 2027</strong></td><td style="padding:12px;border:1px solid #ddd">Узбекистан</td><td style="padding:12px;border:1px solid #ddd">5</td><td style="padding:12px;border:1px solid #ddd">300 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Экскурсии, дети 10-15 лет узнают историю</td></tr>
<tr><td style="padding:12px;border:1px solid #ddd"><strong>Июль 2027</strong></td><td style="padding:12px;border:1px solid #ddd">Турция (море)</td><td style="padding:12px;border:1px solid #ddd">10</td><td style="padding:12px;border:1px solid #ddd">950 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Главная поездка года, всё включено</td></tr>
<tr style="background:#f9f9f9"><td style="padding:12px;border:1px solid #ddd"><strong>Сентябрь 2027</strong></td><td style="padding:12px;border:1px solid #ddd">Актау</td><td style="padding:12px;border:1px solid #ddd">5</td><td style="padding:12px;border:1px solid #ddd">300 000 ₸</td><td style="padding:12px;border:1px solid #ddd">Завершение лета, море тёплое</td></tr>
</table>
</div>
<div class="tip-box" style="margin-top:20px">
<h4>💡 Итого за 2 года:</h4>
<p><strong>10 поездок</strong> на общую сумму <strong>3 940 000 ₸</strong>. При накоплении 50 000 ₸/мес + ежедневно = <strong>1 250 000 ₸</strong> за 2 года. <strong>Разница 2 690 000 ₸</strong> — это детские скидки, кэшбэки, раннее бронирование и выбор низкого сезона!</p>
</div>
</div>
</div>
</section>
<section id="tracker" class="section" style="background:var(--gray-100)">
<div class="container">
<h2>📊 Трекер прогресса</h2>
<div class="card">
<h3>Отслеживай накопления</h3>
<input type="number" id="goalAmount" placeholder="Цель (например: 770000)" value="770000">
<input type="number" id="savedAmount" placeholder="Сколько уже накопил">
<button class="btn" onclick="showProgress()">Показать прогресс</button>
<div id="progressResult" style="margin-top:24px;display:none">
<div style="background:#e0e7ff;border-radius:12px;padding:20px;margin-bottom:20px">
<div style="display:flex;justify-content:space-between;margin-bottom:8px">
<span style="font-weight:700">Прогресс:</span>
<span id="progressPercent" style="font-weight:700;color:var(--cyan)">0%</span>
</div>
<div style="background:#ddd;border-radius:10px;height:24px;overflow:hidden">
<div id="progressBar" style="width:0%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width 0.5s"></div>
</div>
<p id="progressText" style="margin-top:12px;color:var(--gray-500)"></p>
</div>
<div id="motivations" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px">
<div style="background:#fff;padding:16px;border-radius:8px;border-left:4px solid var(--green)">
<strong>🎯 До цели:</strong>
<p id="toGo" style="font-size:24px;font-weight:800;color:var(--ink)">0 ₸</p>
</div>
<div style="background:#fff;padding:16px;border-radius:8px;border-left:4px solid var(--cyan)">
<strong>⏱ Осталось месяцев:</strong>
<p id="monthsLeft" style="font-size:24px;font-weight:800;color:var(--ink)">0</p>
</div>
<div style="background:#fff;padding:16px;border-radius:8px;border-left:4px solid var(--orange)">
<strong>📅 В день нужно:</strong>
<p id="perDay" style="font-size:24px;font-weight:800;color:var(--ink)">0 ₸</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="comparison" class="section">
<div class="container">
<h2>⚖️ Сравнение направлений</h2>
<div class="card">
<div style="overflow-x:auto">
<table style="width:100%;border-collapse:collapse;font-size:14px">
<tr style="background:var(--cyan-50)">
<th style="padding:12px;border:1px solid #ddd">Направление</th>
<th style="padding:12px;border:1px solid #ddd">Стоимость (7 чел)</th>
<th style="padding:12px;border:1px solid #ddd">Плюсы</th>
<th style="padding:12px;border:1px solid #ddd">Минусы</th>
<th style="padding:12px;border:1px solid #ddd">Вердикт</th>
</tr>
<tr>
<td style="padding:12px;border:1px solid #ddd;font-weight:700">🇪🇬 Египет</td>
<td style="padding:12px;border:1px solid #ddd">550-750 т.₸</td>
<td style="padding:12px;border:1px solid #ddd">✅ Дёшево<br>✅ Всё включено<br>✅ Близо (6 часов)</td>
<td style="padding:12px;border:1px solid #ddd">❌ Жарко летом<br>❌ Сервис средний</td>
<td style="padding:12px;border:1px solid #ddd"><strong>⭐ Лучший выбор</strong><br>для семьи с малышами</td>
</tr>
<tr style="background:#f9f9f9">
<td style="padding:12px;border:1px solid #ddd;font-weight:700">🇹🇷 Турция</td>
<td style="padding:12px;border:1px solid #ddd">750-950 т.₸</td>
<td style="padding:12px;border:1px solid #ddd">✅ Всё включено<br>✅ Отличный сервис<br>✅ Аквапарки детям</td>
<td style="padding:12px;border:1px solid #ddd">❌ Дороже Египта<br>❌ 4.5 часа лететь</td>
<td style="padding:12px;border:1px solid #ddd"><strong>⭐ Премиум</strong><br>если бюджет позволяет</td>
</tr>
<tr>
<td style="padding:12px;border:1px solid #ddd;font-weight:700">🇰🇿 Боровое</td>
<td style="padding:12px;border:1px solid #ddd">200-350 т.₸</td>
<td style="padding:12px;border:1px solid #ddd">✅ Очень дёшево<br>✅ Без визы<br>✅ Природа</td>
<td style="padding:12px:border:1px solid #ddd">❌ Нет моря<br>❌ Короткий сезон</td>
<td style="padding:12px;border:1px solid #ddd"><strong>⭐ На выходные</strong><br>2-3 раза в год</td>
</tr>
<tr style="background:#f9f9f9">
<td style="padding:12px;border:1px solid #ddd;font-weight:700">🇰🇿 Актау</td>
<td style="padding:12px;border:1px solid #ddd">350-500 т.₸</td>
<td style="padding:12px;border:1px solid #ddd">✅ Море<br>✅ Без визы<br>✅ Недорого</td>
<td style="padding:12px;border:1px solid #ddd">❌ 2 часа самолёт<br>❌ Жарко в июле</td>
<td style="padding:12px;border:1px solid #ddd"><strong>⭐ Альтернатива</strong><br>Турции/Египту</td>
</tr>
<tr>
<td style="padding:12px;border:1px solid #ddd;font-weight:700">🇺🇿 Узбекистан</td>
<td style="padding:12px;border:1px solid #ddd">300-450 т.₸</td>
<td style="padding:12px;border:1px solid #ddd">✅ Культура<br>✅ Дёшево<br>✅ Вкусная еда</td>
<td style="padding:12px;border:1px solid #ddd">❌ Нет моря<br>❌ Жарко летом</td>
<td style="padding:12px;border:1px solid #ddd"><strong>⭐ Экскурсии</strong><br>для детей 10-15 лет</td>
</tr>
<tr style="background:#f9f9f9">
<td style="padding:12px;border:1px solid #ddd;font-weight:700">🇷🇺 Сочи</td>
<td style="padding:12px;border:1px solid #ddd">650-900 т.₸</td>
<td style="padding:12px;border:1px solid #ddd">✅ Море + горы<br>✅ Парки развлечений<br>✅ Русский язык</td>
<td style="padding:12px;border:1px solid #ddd">❌ Виза/пересадки<br>❌ Дорогое питание</td>
<td style="padding:12px;border:1px solid #ddd"><strong>⭐ На любителя</strong><br>если есть виза</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<section id="children-checklist" class="section" style="background:var(--gray-100)">
<div class="container">
<h2>🎒 Чек-лист для детей по возрастам</h2>
<div class="card">
<p style="color:var(--gray-500);margin-bottom:20px">Что взять каждому ребёнку в поездку</p>
<h3 style="margin-top:24px">👶 Малыш 2 года</h3>
<ul class="checklist">
<li><input type="checkbox"> Подгузники на дорогу + на первые 2 дня</li>
<li><input type="checkbox"> Влажные салфетки (большая пачка)</li>
<li><input type="checkbox"> Крем под подгузник</li>
<li><input type="checkbox"> Детское питание в банках (2-3 шт на дорогу)</li>
<li><input type="checkbox"> Бутылочка, поильник</li>
<li><input type="checkbox"> Любимая игрушка</li>
<li><input type="checkbox"> Коляска-трость (лёгкая)</li>
<li><input type="checkbox"> Надувной круг/нарукавники</li>
<li><input type="checkbox"> Солнцезащитный крем SPF 50+</li>
<li><input type="checkbox"> Панама/кепка</li>
<li><input type="checkbox"> Сменка (3-4 комплекта)</li>
<li><input type="checkbox"> Пижама</li>
<li><input type="checkbox"> Полотенце детское</li>
</ul>
<h3 style="margin-top:24px">🧒 Ребёнок 5 лет</h3>
<ul class="checklist">
<li><input type="checkbox"> Рюкзачок детский</li>
<li><input type="checkbox"> Игрушки в дорогу</li>
<li><input type="checkbox"> Раскраски, карандаши</li>
<li><input type="checkbox"> Надувной круг/матрац</li>
<li><input type="checkbox"> Песочный набор</li>
<li><input type="checkbox"> Сандалии/шлёпанцы</li>
<li><input type="checkbox"> Кроссовки</li>
<li><input type="checkbox"> Футболки (5-6 шт)</li>
<li><input type="checkbox"> Шорты (3-4 шт)</li>
<li><input type="checkbox"> Купальник/плавки (2 шт)</li>
<li><input type="checkbox"> Толстовка</li>
<li><input type="checkbox"> Пижама</li>
<li><input type="checkbox"> Солнцезащитный крем SPF 30+</li>
</ul>
<h3 style="margin-top:24px">👦 Ребёнок 10 лет</h3>
<ul class="checklist">
<li><input type="checkbox"> Рюкзак подростковый</li>
<li><input type="checkbox"> Гаджеты + зарядки</li>
<li><input type="checkbox"> Power bank</li>
<li><input type="checkbox"> Наушники</li>
<li><input type="checkbox"> Книга/комиксы</li>
<li><input type="checkbox"> Купальник/плавки (2 шт)</li>
<li><input type="checkbox"> Плавательные очки</li>
<li><input type="checkbox"> Ласты, маска</li>
<li><input type="checkbox"> Кроссовки</li>
<li><input type="checkbox"> Сандалии</li>
<li><input type="checkbox"> Футболки (5-6 шт)</li>
<li><input type="checkbox"> Шорты (4-5 шт)</li>
<li><input type="checkbox"> Толстовка</li>
<li><input type="checkbox"> Пижама</li>
<li><input type="checkbox"> Солнцезащитный крем</li>
<li><input type="checkbox"> Дезодорант</li>
</ul>
<h3 style="margin-top:24px">👧 Подросток 12 лет</h3>
<ul class="checklist">
<li><input type="checkbox"> Рюкзак/сумка</li>
<li><input type="checkbox"> Телефон + зарядка + power bank</li>
<li><input type="checkbox"> Наушники</li>
<li><input type="checkbox"> Косметика (увлажняющий крем, бальзам)</li>
<li><input type="checkbox"> Расчёска, резинки</li>
<li><input type="checkbox"> Купальник (2 шт)</li>
<li><input type="checkbox"> Спортивная одежда</li>
<li><input type="checkbox"> Кроссовки</li>
<li><input type="checkbox"> Сандалии</li>
<li><input type="checkbox"> Футболки/топы (5-6 шт)</li>
<li><input type="checkbox"> Шорты (3-4 шт)</li>
<li><input type="checkbox"> Юбка/платье</li>
<li><input type="checkbox"> Джинсы</li>
<li><input type="checkbox"> Толстовка</li>
<li><input type="checkbox"> Пижама</li>
<li><input type="checkbox"> Солнцезащитный крем</li>
<li><input type="checkbox"> Дезодорант</li>
</ul>
<h3 style="margin-top:24px">👦 Подросток 15 лет</h3>
<ul class="checklist">
<li><input type="checkbox"> Рюкзак/сумка</li>
<li><input type="checkbox"> Телефон + зарядка + power bank</li>
<li><input type="checkbox"> Наушники</li>
<li><input type="checkbox"> Купальник/плавки (2 шт)</li>
<li><input type="checkbox"> Спортивная одежда</li>
<li><input type="checkbox"> Кроссовки (1-2 пары)</li>
<li><input type="checkbox"> Сандалии</li>
<li><input type="checkbox"> Футболки (6-7 шт)</li>
<li><input type="checkbox"> Шорты (4-5 шт)</li>
<li><input type="checkbox"> Джинсы (2 шт)</li>
<li><input type="checkbox"> Рубашка/поло</li>
<li><input type="checkbox"> Толстовка/худи</li>
<li><input type="checkbox"> Ветровка</li>
<li><input type="checkbox"> Пижама</li>
<li><input type="checkbox"> Солнцезащитный крем</li>
<li><input type="checkbox"> Дезодорант</li>
<li><input type="checkbox"> Бритва (если нужно)</li>
</ul>
</div>
</div>
</section>
<section id="first-aid" class="section">
<div class="container">
<h2>💊 Аптечка для семьи из 7 человек</h2>
<div class="card">
<p style="color:var(--gray-500);margin-bottom:20px">Полный список лекарств. Берите в 2-3 экземплярах!</p>
<h3>🌡 Жаропонижающее и обезболивающее</h3>
<ul class="checklist">
<li><input type="checkbox"> Парацетамол детский (сироп) — для 2 и 5 лет</li>
<li><input type="checkbox"> Парацетамол таблетки — для старших</li>
<li><input type="checkbox"> Ибупрофен детский (Нурофен сироп)</li>
<li><input type="checkbox"> Ибупрофен таблетки</li>
<li><input type="checkbox"> Термометр (2 шт: электронный и инфракрасный)</li>
</ul>
<h3>🤢 От отравления и для желудка</h3>
<ul class="checklist">
<li><input type="checkbox"> Активированный уголь / Энтеросгель</li>
<li><input type="checkbox"> Смекта (пакетики)</li>
<li><input type="checkbox"> Регидрон (5-6 пакетиков)</li>
<li><input type="checkbox"> Мезим / Фестал</li>
<li><input type="checkbox"> Лоперамид (только старшим 12+)</li>
<li><input type="checkbox"> Пробиотики (Линекс, Бифиформ)</li>
</ul>
<h3>🤧 От простуды и аллергии</h3>
<ul class="checklist">
<li><input type="checkbox"> Антигистаминное (Зиртек, Зодак)</li>
<li><input type="checkbox"> Спрей в нос (Називин детский и взрослый)</li>
<li><input type="checkbox"> Капли в глаза (Визин, Левомицетин)</li>
<li><input type="checkbox"> Леденцы от горла</li>
<li><input type="checkbox"> Спрей для горла</li>
</ul>
<h3>🩹 Перевязочные материалы</h3>
<ul class="checklist">
<li><input type="checkbox"> Пластыри разные (много!)</li>
<li><input type="checkbox"> Пластыри водонепроницаемые</li>
<li><input type="checkbox"> Бинт стерильный (2-3 шт)</li>
<li><input type="checkbox"> Ватные диски/палочки</li>
<li><input type="checkbox"> Хлоргексидин / Мирамистин</li>
<li><input type="checkbox"> Перекись водорода</li>
<li><input type="checkbox"> Зелёнка или йод (карандаш)</li>
<li><input type="checkbox"> Фенистил гель (от укусов)</li>
<li><input type="checkbox"> Пантенол спрей (от ожогов) — 2 шт</li>
</ul>
<h3>☀️ Защита от солнца</h3>
<ul class="checklist">
<li><input type="checkbox"> Солнцезащитный крем SPF 50+ (для 2 и 5 лет)</li>
<li><input type="checkbox"> Солнцезащитный крем SPF 30 (для старших)</li>
<li><input type="checkbox"> После загара (Пантенол, алоэ гель)</li>
<li><input type="checkbox"> Головные уборы всем</li>
<li><input type="checkbox"> Солнцезащитные очки детям</li>
</ul>
<h3>🦟 От насекомых</h3>
<ul class="checklist">
<li><input type="checkbox"> Репеллент спрей</li>
<li><input type="checkbox"> Фумигатор от комаров</li>
<li><input type="checkbox"> Фенистил гель</li>
<li><input type="checkbox"> Пластырь от мозолей (Compeed)</li>
</ul>
<h3>💊 Дополнительно</h3>
<ul class="checklist">
<li><input type="checkbox"> Лекарства хронические (если кто-то принимает)</li>
<li><input type="checkbox"> Ножницы маленькие</li>
<li><input type="checkbox"> Пинцет</li>
<li><input type="checkbox"> Одноразовые перчатки</li>
<li><input type="checkbox"> Маски медицинские (5-10 шт)</li>
</ul>
<div class="tip-box" style="margin-top:24px">
<h4>⚠️ Важно!</h4>
<p>Все лекарства берите в оригинальной упаковке с инструкцией! Проверьте сроки годности. Для Турции и Египта — названия на латинице.</p>
</div>
</div>
</div>
</section>
<section id="economy" class="section" style="background:var(--gray-100)">
<div class="container">
<h2>💰 Калькулятор экономии</h2>
<div class="card">
<h3>Сколько сэкономите с детскими скидками</h3>
<p style="color:var(--gray-500);margin-bottom:20px">Для семьи: 2 взрослых + дети 15, 12, 10, 5, 2 года</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px">
<div style="background:#fff;padding:20px;border-radius:12px">
<h4>👶 Малыш 2 года</h4>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Бесплатно почти везде!</p>
<ul style="line-height:1.8;font-size:15px">
<li>✈️ Перелёт: <strong>0 ₸</strong> (без места)</li>
<li>🏨 Отель: <strong>0 ₸</strong> (проживание бесплатно)</li>
<li>🍽 Питание: <strong>0 ₸</strong> (до 3 лет бесплатно)</li>
<li>🎢 Развлечения: <strong>0-50% скидка</strong></li>
</ul>
<p style="margin-top:12px;font-weight:700;color:var(--green)">Экономия: ~150 000 ₸</p>
</div>
<div style="background:#fff;padding:20px;border-radius:12px">
<h4>🧒 Ребёнок 5 лет</h4>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Большие скидки!</p>
<ul style="line-height:1.8;font-size:15px">
<li>✈️ Перелёт: <strong>25-50% скидка</strong></li>
<li>🏨 Отель: <strong>30-50% скидка</strong></li>
<li>🍽 Питание: <strong>50% скидка</strong></li>
<li>🎢 Развлечения: <strong>30-50% скидка</strong></li>
</ul>
<p style="margin-top:12px;font-weight:700;color:var(--green)">Экономия: ~100 000 ₸</p>
</div>
<div style="background:#fff;padding:20px;border-radius:12px">
<h4>👦 Ребёнок 10 лет</h4>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Детский тариф</p>
<ul style="line-height:1.8;font-size:15px">
<li>✈️ Перелёт: <strong>20-30% скидка</strong></li>
<li>🏨 Отель: <strong>20-30% скидка</strong></li>
<li>🍽 Питание: <strong>20-30% скидка</strong></li>
<li>🎢 Развлечения: <strong>20-40% скидка</strong></li>
</ul>
<p style="margin-top:12px;font-weight:700;color:var(--green)">Экономия: ~70 000 ₸</p>
</div>
<div style="background:#fff;padding:20px;border-radius:12px">
<h4>👧 Подросток 12 лет</h4>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Почти взрослый</p>
<ul style="line-height:1.8;font-size:15px">
<li>✈️ Перелёт: <strong>10-20% скидка</strong></li>
<li>🏨 Отель: <strong>10-20% скидка</strong></li>
<li>🍽 Питание: <strong>10-20% скидка</strong></li>
<li>🎢 Развлечения: <strong>15-30% скидка</strong></li>
</ul>
<p style="margin-top:12px;font-weight:700;color:var(--green)">Экономия: ~50 000 ₸</p>
</div>
<div style="background:#fff;padding:20px;border-radius:12px">
<h4>👦 Подросток 15 лет</h4>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Взрослый тариф</p>
<ul style="line-height:1.8;font-size:15px">
<li>✈️ Перелёт: <strong>0% скидки</strong></li>
<li>🏨 Отель: <strong>0-10% скидки</strong></li>
<li>🍽 Питание: <strong>0% скидки</strong></li>
<li>🎢 Развлечения: <strong>10-20% скидка</strong></li>
</ul>
<p style="margin-top:12px;font-weight:700;color:var(--orange)">Экономия: ~20 000 ₸</p>
</div>
</div>
<div class="result-box" style="margin-top:32px">
<h3>🎉 Итого экономия на детях:</h3>
<div class="result-value" style="color:var(--green)">~390 000 ₸ за одну поездку!</div>
<p style="margin-top:12px;color:var(--gray-500)">
Без детских скидок та же поездка стоила бы ~1 150 000 ₸. Со скидками — ~760 000 ₸. <strong>Вы платите только 66% от полной цены!</strong>
</p>
<a class="btn" href="#calculator">Рассчитать сумму</a>
</div>
</div>
</div>
</section>
@ -512,6 +905,28 @@ function showDailyTable() {
document.getElementById('dailyTable').style.display = 'block';
document.getElementById('dailyTable').scrollIntoView({behavior:'smooth'});
}
function showProgress() {
var goal = parseFloat(document.getElementById('goalAmount').value) || 770000;
var saved = parseFloat(document.getElementById('savedAmount').value) || 0;
var monthly = parseFloat(document.getElementById('monthly').value) || 50000;
var percent = Math.round((saved / goal) * 100);
var toGo = goal - saved;
var monthsLeft = Math.ceil(toGo / monthly);
var perDay = Math.round(monthly / 30);
document.getElementById('progressPercent').textContent = percent + '%';
document.getElementById('progressBar').style.width = percent + '%';
document.getElementById('progressText').textContent = 'Накоплено: ' + saved.toLocaleString('ru-RU') + ' ₸ из ' + goal.toLocaleString('ru-RU') + ' ₸';
document.getElementById('toGo').textContent = toGo.toLocaleString('ru-RU') + ' ₸';
document.getElementById('monthsLeft').textContent = monthsLeft + ' мес.';
document.getElementById('perDay').textContent = perDay.toLocaleString('ru-RU') + ' ₸';
document.getElementById('progressResult').style.display = 'block';
document.getElementById('progressResult').scrollIntoView({behavior:'smooth'});
}
</script>
</body>