返回 html-ppt-skill
cover.html
根目录 / templates / single-page / cover.html
1 <!DOCTYPE html>
2 <html lang="zh-CN" data-theme="minimal-white">
3 <head>
4 <meta charset="utf-8"><title>Cover — html-ppt</title>
5 <link rel="stylesheet" href="../../assets/fonts.css">
6 <link rel="stylesheet" href="../../assets/base.css">
7 <link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css">
8 <link rel="stylesheet" href="../../assets/animations/animations.css">
9 </head>
10 <body class="single">
11 <div class="deck" data-themes="minimal-white,aurora,catppuccin-mocha,tokyo-night,xiaohongshu-white,neo-brutalism" data-theme-base="../../assets/themes/">
12 <section class="slide is-active" data-title="Cover">
13 <div class="deck-header"><span class="eyebrow">Keynote · 2026</span><span class="eyebrow">html-ppt</span></div>
14 <div class="anim-stagger-list">
15 <p class="kicker">Tech Sharing · 纯干货</p>
16 <h1 class="h1 anim-fade-up" data-anim="fade-up">
17 设计一套<span class="gradient-text">属于你</span>的<br>HTML 演讲系统
18 </h1>
19 <p class="lede">从主题、版式到动效,全部由模板驱动。一行命令即可开场。</p>
20 <div class="row wrap mt-l">
21 <span class="pill pill-accent">24 themes</span>
22 <span class="pill">30 layouts</span>
23 <span class="pill">25 animations</span>
24 <span class="pill">零构建</span>
25 </div>
26 </div>
27 <div class="deck-footer"><span class="dim2">lewis · 2026-04-15</span><span class="slide-number" data-current="1" data-total="1"></span></div>
28 <div class="notes">封面页口播:大家好,今天给大家带来一套开箱即用的 HTML 演讲系统。</div>
29 </section>
30 </div>
31 <script src="../../assets/runtime.js"></script>
32 </body></html>
33
33 lines HTML