Gibrat_Auganov/project-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v16 — кнопка Сохранить как PDF + стили для печати

Browse Source
This commit is contained in:
Gibrat Auganov 2026-06-01 06:06:41 +00:00
parent 91100340e9
commit 88a0220b9a
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@ -76,22 +76,16 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
.big-emoji{font-size:80px;text-align:center;padding:40px 0;line-height:1}
.plan-step{display:flex;gap:24px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--gray-100)}
.plan-step:last-child{border-bottom:none}
.plan-num{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex-shrink:0}
.plan-body{flex:1}
.plan-body h3{font-size:22px;font-weight:700;margin-bottom:6px}
.plan-body .timeframe{font-size:14px;color:var(--cyan);font-weight:600;margin-bottom:8px}
.plan-body p{color:var(--gray-500);margin-bottom:8px}
.plan-body .moto{font-style:italic;color:var(--ink);font-weight:600;font-size:16px;background:var(--cyan-50);padding:8px 16px;border-radius:8px;display:inline-block}
.contact-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.contact-link{display:inline-flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);padding:16px 28px;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid var(--gray-100);transition:border-color .2s}
.contact-link:hover{border-color:var(--cyan)}
.pdf-btn{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--cyan);color:var(--ink);border:none;padding:14px 24px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 4px 20px rgba(0,229,255,.4);transition:transform .2s}
.pdf-btn:hover{transform:scale(1.05)}
.cta{background:var(--ink);color:var(--white);text-align:center}
.cta h2{color:var(--white)}
.cta .lead{color:#9aa3b2;margin:0 auto 36px}
.cta .btn{font-size:20px;padding:18px 40px}
@media print{
.pdf-btn{display:none}
.section{page-break-inside:avoid}
body{font-size:14px}
.hero{min-height:auto;padding:40px 0}
.container{padding:40px 24px}
}
@media(max-width:640px){
.hero h1{font-size:36px}
@ -1076,5 +1070,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
</div>
</section>
<button class="pdf-btn" onclick="window.print()">&#x1F4C4; Сохранить как PDF</button>
</body>
</html>