Google Apps Script
Exception: Malformed HTML content: <!DOCTYPE html> <html lang="ru"> <head> <style id="fallback-css"> *{box-sizing:border-box;margin:0;padding:0} body{font-family:'Segoe UI',Arial,sans-serif;color:#1a1a2e;background:#f8f9fa;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto} .container{max-width:1100px;margin:0 auto;padding:0 20px} .hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden} .hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;margin-bottom:16px;line-height:1.2} .hero p{font-size:1.1rem;opacity:.85;max-width:600px;margin:0 auto 32px} .btn{display:inline-block;background:#e94560;color:#fff;padding:16px 40px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(233,69,96,.4)} .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(233,69,96,.5)} .btn-outline{background:transparent;border:2px solid #e94560;color:#e94560} .btn-outline:hover{background:#e94560;color:#fff} section{padding:60px 20px} .section-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;text-align:center;margin-bottom:40px;color:#1a1a2e} .section-title span{color:#e94560} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px} .card{background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s} .card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12)} .card-icon{font-size:2.5rem;margin-bottom:16px} .card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#1a1a2e} .card p{color:#555;font-size:.95rem} .highlight{background:linear-gradient(135deg,#e94560,#c62a47);color:#fff;border-radius:20px;padding:50px 40px;text-align:center} .highlight h2{font-size:1.8rem;font-weight:800;margin-bottom:16px} .highlight p{opacity:.9;margin-bottom:28px;font-size:1.05rem} .reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px} .review{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.07)} .review-stars{color:#f59e0b;font-size:1.1rem;margin-bottom:10px} .review-text{color:#444;font-size:.9rem;margin-bottom:12px;font-style:italic} .review-author{font-weight:700;font-size:.85rem;color:#1a1a2e} footer{background:#1a1a2e;color:#fff;padding:40px 20px;text-align:center} footer p{opacity:.7;margin-bottom:16px} .hero::before{content:'';position:absolute;width:400px;height:400px;background:rgba(233,69,96,.15);border-radius:50%;top:-100px;right:-100px;pointer-events:none} .hero::after{content:'';position:absolute;width:300px;height:300px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-80px;left:-80px;pointer-events:none} .bg-light{background:#fff} .bg-grey{background:#f1f3f5} .text-center{text-align:center} .mt-4{margin-top:16px} .mb-4{margin-bottom:16px} @media(max-width:600px){.hero{padding:50px 16px}section{padding:40px 16px}.highlight{padding:36px 20px}} </style> <meta charset="UTF-8"> <base target='_top'> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Можно ли поехать домой между подписанием и отправкой: что реально происходит на практике</title> <script src="https://cdn.tailwindcss.com"></script> <style> .blob-bg { position: relative; overflow: hidden; } .blob-bg::before { content: ''; position: absolute; top: -30%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(59,130,246,0.3), transparent 70%); border-radius: 50%; pointer-events: none; z-index: 0; } .blob-bg::after { content: ''; position: absolute; bottom: -20%; left: -15%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(139,92,246,0.25), transparent 70%); border-radius: 50%; pointer-events: none; z-index: 0; } .card-glow { transition: transform 0.2s ease, box-shadow 0.3s ease; } .card-glow:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); } .section-blob { position: relative; } .section-blob::before { content: ''; position: absolute; top: 20%; right: 5%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(16,185,129,0.15), transparent 70%); border-radius: 50%; pointer-events: none; } .section-blob::after { content: ''; position: absolute; bottom: 10%; left: 0%; width: 250px; height: 250px; background: radial-gradient(circle, rgba(245,158,11,0.15), transparent 70%); border-radius: 50%; pointer-events: none; } </style> </head> <body class="bg-slate-50 text-slate-800 font-sans antialiased"> <!-- HERO --> <header class="relative bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 text-white py-20 md:py-28 blossom"> <div class="absolute inset-0 opacity-20 bg-[url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><circle cx="100" cy="100" r="30" fill="white" opacity="0.4"/><circle cx="700" cy="200" r="50" fill="white" opacity="0.2"/><circle cx="300" cy="600" r="80" fill="white" opacity="0.1"/><circle cx="650" cy="700" r="25" fill="white" opacity="0.3"/></svg>')]"></div> <div class="relative max-w-7xl mx-auto px-6 lg:px-12 grid md:grid-cols-2 gap-12 items-center"> <div class="space-y-8"> <div class="inline-flex items-center gap-2 bg-white/10 backdrop-blur px-4 py-2 rounded-full text-sm font-medium text-blue-100 border border-white/20"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> Практический разбор ситуации </div> <h1 class="text-3xl md:text-5xl font-extrabold leading-tight tracking-tight"> Можно ли поехать домой между подписанием и отправкой: что реально происходит на практике </h1> <p class="text-lg text-blue-100/90 leading-relaxed"> Разбираемся, как на самом деле строится график после оформления контракта, когда появляется пауза и стоит ли рассчитывать на поездку к семье. Без мифов и догадок — только факты и порядок. </p> <div class="flex flex-col sm:flex-row gap-4 pt-4"> <a href="https://xn-----7kcj0af4aehb3ag.xn--p1ai/articles/mozhno-li-domoj-posle-podpisaniya-kontrakta-otpuskayut-li-domoj-do-otpravki-na-svo-vremya-mezhdu-kontraktom-i-uchebkoj/" class="inline-flex items-center justify-center gap-3 bg-amber-400 hover:bg-amber-300 text-slate-900 font-bold px-8 py-4 rounded-xl shadow-2xl transition-all transform hover:scale-105"> Читать полную статью <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> </a> <div class="inline-flex items-center gap-2 text-blue-100/80 text-sm"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> Актуально для всех этапов </div> </div> </div> <div class="hidden md:block relative"> <div class="bg-white/5 backdrop-blur-xl rounded-3xl p-8 border border-white/20 shadow-2xl space-y-6"> <div class="flex items-center gap-4"> <div class="bg-blue-500/30 p-3 rounded-xl"> <svg class="w-6 h-6 text-blue-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path></svg> </div> <p class="text-blue-100 font-medium">Официальный порядок</p> </div> <div class="space-y-3 text-sm text-blue-100/80"> <p>✓ Решение принимает командование</p> <p>✓ Всё зависит от графика отправки</p> <p>✓ Нет единой универсальной схемы</p> </div> <div class="border-t border-white/20 pt-4"> <p class="text-xs text-blue-200/60">Ключевые факторы: дата, расстояние, распорядок</p> </div> </div> </div> </div> </header> <!-- СЕКЦИЯ 1: КАК ВСЁ ПРОИСХОДИТ --> <section class="py-16 md:py-24 bg-white section-blob"> <div class="max-w-7xl mx-auto px-6 lg:px-12"> <div class="text-center mb-14"> <h2 class="text-3xl md:text-4xl font-bold text-slate-900 mb-4">Как строится процесс после подписания</h2> <p class="text-lg text-slate-600 max-w-3xl mx-auto">Сам факт подписания контракта не означает одинаковый сценарий для всех. Всё зависит от конкретной части, внутреннего распорядка и решений должностных лиц.</p> </div> <div class="grid md:grid-cols-3 gap-8"> <div class="card-glow bg-gradient-to-br from-blue-50 to-indigo-50 rounded-2xl p-8 border border-blue-100"> <div class="w-14 h-14 bg-blue-600 rounded-xl flex items-center justify-center mb-6"> <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900 mb-3">График и приказы</h3> <p class="text-slate-600 leading-relaxed">Имеют значение дата убытия, наличие уже сформированной команды и статус военнослужащего. Если отправка назначена на следующий день, рассчитывать на поездку домой практически невозможно.</p> </div> <div class="card-glow bg-gradient-to-br from-emerald-50 to-teal-50 rounded-2xl p-8 border border-emerald-100"> <div class="w-14 h-14 bg-emerald-600 rounded-xl flex items-center justify-center mb-6"> <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900 mb-3">Расстояние имеет значение</h3> <p class="text-slate-600 leading-relaxed">Когда дом в том же городе или рядом, краткий выезд возможен чаще. Если дорога занимает сутки, вероятность резко снижается — есть риск не успеть к установленному времени.</p> </div> <div class="card-glow bg-gradient-to-br from-amber-50 to-orange-50 rounded-2xl p-8 border border-amber-100"> <div class="w-14 h-14 bg-amber-500 rounded-xl flex items-center justify-center mb-6"> <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900 mb-3">Решение командования</h3> <p class="text-slate-600 leading-relaxed">Формального правила «после подписания всех обязаны отпустить» не существует. Решение зависит от служебной необходимости и стадии оформления документов.</p> </div> </div> <div class="mt-12 bg-slate-50 rounded-2xl p-8 border border-slate-200"> <div class="flex flex-col md:flex-row items-start md:items-center gap-6"> <div class="flex-1"> <h3 class="text-xl font-bold text-slate-900 mb-3">Пауза между этапами: когда она появляется</h3> <p class="text-slate-600 leading-relaxed">Иногда учебный центр принимает людей почти сразу, и весь процесс идёт быстро. В других случаях формируется очередь на отправку, появляется несколько дней ожидания. Именно в этот промежуток чаще всего возникает шанс решить личные дела.</p> </div> <a href="https://xn-----7kcj0af4aehb3ag.xn--p1ai/articles/mozhno-li-domoj-posle-podpisaniya-kontrakta-otpuskayut-li-domoj-do-otpravki-na-svo-vremya-mezhdu-kontraktom-i-uchebkoj/" class="inline-flex items-center gap-2 bg-slate-900 hover:bg-slate-800 text-white font-semibold px-6 py-3 rounded-xl transition-colors shrink-0"> Подробнее в статье <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> </a> </div> </div> </div> </section> <!-- СЕКЦИЯ 2: ПРАКТИЧЕСКИЕ ОРИЕНТИРЫ --> <section class="py-16 md:py-24 bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-white relative"> <div class="absolute inset-0 opacity-10 bg-[url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><path d="M200,300 Q400,100 600,300 T600,600 Q400,800 200,600 Z" fill="white" opacity="0.2"/><circle cx="700" cy="200" r="80" fill="white" opacity="0.1"/></svg>')]"></div> <div class="relative max-w-7xl mx-auto px-6 lg:px-12"> <div class="grid lg:grid-cols-2 gap-12 items-start"> <div> <h2 class="text-3xl md:text-4xl font-bold mb-6">Когда шансы выше: реальные ориентиры</h2> <p class="text-lg text-slate-300 leading-relaxed mb-8">Есть несколько признаков, при которых вероятность выезда обычно повышается. Это не гарантия, но хороший ориентир для понимания ситуации.</p> <div class="space-y-4"> <div class="flex gap-4 bg-white/5 backdrop-blur rounded-xl p-5 border border-white/10"> <div class="w-10 h-10 bg-emerald-500 rounded-lg flex items-center justify-center shrink-0"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> </div> <div> <h4 class="font-semibold mb-1">Временной зазор между этапами</h4> <p class="text-slate-300 text-sm">Если между подписанием и убытием есть несколько дней, и командование не запрещает выезд — поездка реальна.</p> </div> </div> <div class="flex gap-4 bg-white/5 backdrop-blur rounded-xl p-5 border border-white/10"> <div class="w-10 h-10 bg-blue-500 rounded-lg flex items-center justify-center shrink-0"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9h.5"></path></svg> </div> <div> <h4 class="font-semibold mb-1">Близость к дому</h4> <p class="text-slate-300 text-sm">Краткий выезд в тот же город или соседний регион согласовать проще, чем полноценную поездку через полстраны.</p> </div> </div> <div class="flex gap-4 bg-white/5 backdrop-blur rounded-xl p-5 border border-white/10"> <div class="w-10 h-10 bg-amber-500 rounded-lg flex items-center justify-center shrink-0"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> </div> <div> <h4 class="font-semibold mb-1">Отсутствие срочных сборов</h4> <p class="text-slate-300 text-sm">Если не назначены дополнительные проверки, инструктажи или выдача имущества — появляется свободное окно.</p> </div> </div> </div> </div> <div> <h2 class="text-3xl md:text-4xl font-bold mb-6">Когда надежда почти всегда лишняя</h2> <p class="text-lg text-slate-300 leading-relaxed mb-8">Есть обратные ситуации, где поездка домой маловероятна. Здесь уже речь не о вероятности, а о здравом расчёте.</p> <div class="bg-red-500/10 border border-red-500/30 rounded-2xl p-6 space-y-4"> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-red-500 rounded-lg flex items-center justify-center shrink-0"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg> </div> <div> <h4 class="font-semibold mb-1">Отправка назначена на завтра</h4> <p class="text-slate-300 text-sm">При сжатых сроках командование редко даёт разрешение на выезд — всё идёт по плану без пауз.</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-red-500 rounded-lg flex items-center justify-center shrink-0"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> </div> <div> <h4 class="font-semibold mb-1">Дорога занимает сутки</h4> <p class="text-slate-300 text-sm">Высокий риск не успеть к установленному времени прибытия — поездку просто не согласуют.</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-red-500 rounded-lg flex items-center justify-center shrink-0"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"></path></svg> </div> <div> <h4 class="font-semibold mb-1">Действует принцип «успею и вернусь»</h4> <p class="text-slate-300 text-sm">Военная служба не терпит вольностей. Любое нарушение порядка может иметь серьёзные последствия.</p> </div> </div> </div> <div class="mt-8 bg-white/5 backdrop-blur rounded-2xl p-6 border border-white/10"> <p class="text-slate-200 italic leading-relaxed">«По опыту именно устные предположения друзей и знакомых чаще всего подводят. Один человек уехал спокойно, другому в похожих условиях отказали, потому что изменился график отправки».</p> </div> </div> </div> </div> </section> <!-- СЕКЦИЯ 3: РЕКОМЕНДАЦИИ --> <section class="py-16 md:py-24 bg-white"> <div class="max-w-7xl mx-auto px-6 lg:px-12"> <div class="text-center mb-14"> <h2 class="text-3xl md:text-4xl font-bold text-slate-900 mb-4">Практические рекомендации: как действовать</h2> <p class="text-lg text-slate-600 max-w-3xl mx-auto">Разумный подход — уточнить режим нахождения, правила выезда и время обязательного возвращения. Никакая бытовая логика не заменит прямого разрешения.</p> </div> <div class="grid md:grid-cols-2 gap-8"> <div class="card-glow rounded-2xl border border-slate-200 p-8 bg-gradient-to-br from-slate-50 to-slate-100"> <div class="flex items-center gap-3 mb-6"> <div class="w-12 h-12 bg-slate-900 rounded-xl flex items-center justify-center"> <svg class="w-6 h-6 text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900">Задавайте вопросы сразу</h3> </div> <p class="text-slate-600 leading-relaxed mb-4">Самые важные вопросы нужно задавать на месте, ещё до того, как окончательно выстроен маршрут дальнейших действий. Чем раньше понятен график, тем меньше лишней суеты.</p> <ul class="space-y-2 text-slate-700"> <li class="flex items-center gap-2"><span class="w-1.5 h-1.5 bg-slate-900 rounded-full shrink-0"></span>Уточните дату отправки</li> <li class="flex items-center gap-2"><span class="w-1.5 h-1.5 bg-slate-900 rounded-full shrink-0"></span>Спросите про правила выезда</li> <li class="flex items-center gap-2"><span class="w-1.5 h-1.5 bg-slate-900 rounded-full shrink-0"></span>Зафиксируйте время возвращения</li> </ul> </div> <div class="card-glow rounded-2xl border border-slate-200 p-8 bg-gradient-to-br from-amber-50 to-orange-50"> <div class="flex items-center gap-3 mb-6"> <div class="w-12 h-12 bg-amber-500 rounded-xl flex items-center justify-center"> <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900">Подготовьте всё заранее</h3> </div> <p class="text-slate-600 leading-relaxed mb-4">Если сроки сжатые, лучше заранее подготовить документы, контакты и бытовые поручения, чтобы не терять время в последний момент. Короткое время на связь с семьёй часто важнее самой поездки.</p> <ul class="space-y-2 text-slate-700"> <li class="flex items-center gap-2"><span class="w-1.5 h-1.5 bg-amber-600 rounded-full shrink-0"></span>Соберите документы и копии</li> <li class="flex items-center gap-2"><span class="w-1.5 h-1.5 bg-amber-600 rounded-full shrink-0"></span>Передайте контакты близким</li> <li class="flex items-center gap-2"><span class="w-1.5 h-1.5 bg-amber-600 rounded-full shrink-0"></span>Решите бытовые вопросы</li> </ul> </div> </div> <div class="mt-12 text-center bg-gradient-to-r from-blue-600 to-indigo-600 rounded-3xl p-10 md:p-14 text-white relative overflow-hidden"> <div class="absolute inset-0 bg-[url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><circle cx="200" cy="200" r="100" fill="white" opacity="0.1"/><circle cx="600" cy="500" r="150" fill="white" opacity="0.05"/></svg>')]"></div> <div class="relative"> <h3 class="text-2xl md:text-3xl font-bold mb-4">Нужна предметная оценка именно вашей ситуации?</h3> <p class="text-blue-100 text-lg mb-8 max-w-2xl mx-auto">Удобнее сразу заполнить заявку на сайте и получить консультацию без догадок. Не смешивайте разные этапы — на каждом действуют свои правила.</p> <a href="https://xn-----7kcj0af4aehb3ag.xn--p1ai/articles/mozhno-li-domoj-posle-podpisaniya-kontrakta-otpuskayut-li-domoj-do-otpravki-na-svo-vremya-mezhdu-kontraktom-i-uchebkoj/" class="inline-flex items-center gap-3 bg-white text-slate-900 font-bold px-10 py-4 rounded-xl shadow-2xl hover:bg-amber-300 transition-all transform hover:scale-105"> Читать полную статью <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> </a> </div> </div> </div> </section> <!-- ПОДВАЛ --> <footer class="bg-slate-900 text-slate-400 py-12"> <div class="max-w-7xl mx-auto px-6 lg:px-12 flex flex-col md:flex-row items-center justify-between gap-6"> <div class="flex items-center gap-3"> <div class="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center"> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg> </div> <div> <p class="text-white font-semibold">Практический разбор</p> <p class="text-sm text-slate-500">Всё о порядке и сроках</p> </div> </div> <div class="text-sm text-center md:text-right"> <p>Время между контрактом и учебкой не всегда одинаково.</p> <a href="https://xn-----7kcj0af4aehb3ag.xn--p1ai/articles/mozhno-li-domoj-posle-podpisaniya-kontrakta-otpuskayut-li-domoj-do-otpravki-na-svo-vremya-mezhdu-kontraktom-i-uchebkoj/" class="text-blue-400 hover:text-blue-300 underline underline-offset-4 transition-colors">Читать полную статью на сайте</a> </div> </div> </footer> </body> </html>. (line 318, file "Code")