| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-CN"><head><meta charset="utf-8"><title>CTA</title> |
| 3 | <link rel="stylesheet" href="../../assets/fonts.css"> |
| 4 | <link rel="stylesheet" href="../../assets/base.css"> |
| 5 | <link rel="stylesheet" id="theme-link" href="../../assets/themes/aurora.css"> |
| 6 | <link rel="stylesheet" href="../../assets/animations/animations.css"> |
| 7 | <style> |
| 8 | .cta .btn{display:inline-flex;align-items:center;gap:10px;padding:20px 32px;border-radius:999px;background:var(--accent);color:#0b1024;font-weight:700;font-size:20px;box-shadow:var(--shadow-lg);text-decoration:none;border:none;cursor:pointer} |
| 9 | .cta .btn.outline{background:transparent;color:var(--text-1);border:1.5px solid var(--border-strong)} |
| 10 | </style> |
| 11 | </head><body class="single"> |
| 12 | <div class="deck"><section class="slide is-active center tc cta" data-title="CTA"> |
| 13 | <div style="max-width:900px"> |
| 14 | <p class="kicker">Call to action</p> |
| 15 | <h1 class="h1 anim-rise-in" data-anim="rise-in" style="font-size:96px"> |
| 16 | <span class="gradient-text">动手做你的</span><br>第一份 html-ppt |
| 17 | </h1> |
| 18 | <p class="lede" style="margin:16px auto 30px">复制模板、换上你的内容、按 <b>T</b> 挑一个最对味的主题，讲完还能一键导出 PNG。</p> |
| 19 | <div class="row" style="justify-content:center"> |
| 20 | <a class="btn" href="#">🚀 ./new-deck.sh my-talk</a> |
| 21 | <a class="btn outline" href="#">查看 SKILL.md</a> |
| 22 | </div> |
| 23 | <p class="dim mt-l" style="font-size:14px">键盘： ← → 翻页 · T 主题 · A 动效 · F 全屏 · O 概览 · S 备注</p> |
| 24 | </div> |
| 25 | </section></div> |
| 26 | <script src="../../assets/runtime.js"></script> |
| 27 | </body></html> |
| 28 |