-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
322 lines (309 loc) · 11 KB
/
index.html
File metadata and controls
322 lines (309 loc) · 11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="天启智教 - AI 时代的职业成长星路与技能生态平台">
<title>天启智教 · 成长星路</title>
<link rel="icon" href="favicon.svg">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<div class="space-bg">
<div class="stars"></div>
<div class="nebula"></div>
</div>
<header class="site-header">
<div class="container nav-wrapper">
<div class="brand">
<span class="brand-icon"><i class="fas fa-leaf"></i></span>
<div>
<div class="brand-title">TIANQI</div>
<div class="brand-subtitle">天启智教</div>
</div>
</div>
<nav class="nav">
<a href="#growth">成长星路</a>
<a href="#works">作品广场</a>
<a href="#inspire">灵感创作</a>
<a href="#practice">实训平台</a>
<a href="#courses">课程中心</a>
<a href="#cert">技能评定</a>
<a href="#events">赛事专题</a>
<a href="#jobs">就业服务</a>
</nav>
<a class="login-link" href="#login">登录 | 注册</a>
</div>
</header>
<main>
<section class="hero" id="home">
<div class="container hero-grid">
<div class="hero-card">
<p>看，这片 AI 时代的职业星空，</p>
<p>「专业为基，AI 为翼」的双引擎已为你启动。</p>
<p>听，未来已在低语：我们在此，为你引航，</p>
<p>直至你成为最亮的那颗星。</p>
<button class="primary-btn" data-scroll="#growth">寻找我的星路</button>
</div>
<div class="hero-visual">
<div class="planet">
<div class="planet-ring"></div>
</div>
<div class="mascot">
<div class="mascot-visor"></div>
<div class="mascot-body"></div>
</div>
</div>
</div>
</section>
<section id="growth" class="section">
<div class="container">
<div class="section-header">
<span class="tag">成长星路</span>
<h2>从入门到进阶的 AI 职业成长路线图</h2>
<p>围绕专业能力、AI 应用、项目实战三条主线，打造可视化成长路径。</p>
</div>
<div class="grid three">
<article class="card">
<h3>启航阶段</h3>
<p>完成职业兴趣测评，锁定方向与目标岗位。</p>
<ul>
<li>能力画像</li>
<li>成长建议</li>
<li>基础课程</li>
</ul>
</article>
<article class="card">
<h3>加速阶段</h3>
<p>以项目为主线，补齐 AI 工具与行业应用能力。</p>
<ul>
<li>AI 工具训练营</li>
<li>岗位任务挑战</li>
<li>导师指导</li>
</ul>
</article>
<article class="card">
<h3>跃迁阶段</h3>
<p>完成高阶作品集，直通赛事与就业机会。</p>
<ul>
<li>实战作品沉淀</li>
<li>技能认证</li>
<li>就业服务</li>
</ul>
</article>
</div>
</div>
</section>
<section id="works" class="section alt">
<div class="container">
<div class="section-header">
<span class="tag">作品广场</span>
<h2>展示 AI 创作与项目成果的作品库</h2>
<p>优秀作品公开展示，支持收藏、点赞、点评与改进建议。</p>
</div>
<div class="grid four">
<article class="card">
<h3>职业案例集</h3>
<p>覆盖教育、设计、营销、工程等行业真实案例。</p>
</article>
<article class="card">
<h3>创意作品集</h3>
<p>AI 海报、视频、交互作品，让灵感被看见。</p>
</article>
<article class="card">
<h3>团队协作</h3>
<p>支持团队组队，共创项目与成果汇报。</p>
</article>
<article class="card">
<h3>作品点评</h3>
<p>导师点评 + AI 评分，快速提升质量。</p>
</article>
</div>
</div>
</section>
<section id="inspire" class="section">
<div class="container">
<div class="section-header">
<span class="tag">灵感创作</span>
<h2>AI 灵感工坊，快速生成创意方案</h2>
<p>提供模板、素材与模型，让创作更有方向。</p>
</div>
<div class="grid three">
<article class="card">
<h3>灵感素材库</h3>
<p>分类素材与提示词库，快速触发创意。</p>
</article>
<article class="card">
<h3>协作白板</h3>
<p>多人同步创作，记录灵感演进过程。</p>
</article>
<article class="card">
<h3>AI 生成助手</h3>
<p>文本、图像、视频一体化生成。</p>
</article>
</div>
</div>
</section>
<section id="practice" class="section alt">
<div class="container">
<div class="section-header">
<span class="tag">实训平台</span>
<h2>线上实训基地，沉浸式模拟岗位任务</h2>
<p>真实任务驱动，帮助学生完成岗位能力跃升。</p>
</div>
<div class="grid three">
<article class="card">
<h3>岗位实训</h3>
<p>对接企业岗位需求，模拟任务分解与产出。</p>
</article>
<article class="card">
<h3>实训评估</h3>
<p>自动评分 + 导师复盘，形成成长报告。</p>
</article>
<article class="card">
<h3>协作管理</h3>
<p>团队分工、进度管理、资源共享。</p>
</article>
</div>
</div>
</section>
<section id="courses" class="section">
<div class="container">
<div class="section-header">
<span class="tag">课程中心</span>
<h2>AI + 专业课程一体化体系</h2>
<p>从基础到进阶，配套课程资源与学习任务。</p>
</div>
<div class="grid four">
<article class="card">
<h3>必修课</h3>
<p>职业通识与 AI 核心能力必修课程。</p>
</article>
<article class="card">
<h3>选修课</h3>
<p>行业专题与工具训练，提升岗位适配度。</p>
</article>
<article class="card">
<h3>微课资源</h3>
<p>短视频 + 任务卡片，灵活碎片化学习。</p>
</article>
<article class="card">
<h3>学习档案</h3>
<p>学习轨迹与成果自动归档。</p>
</article>
</div>
</div>
</section>
<section id="cert" class="section alt">
<div class="container">
<div class="section-header">
<span class="tag">技能评定</span>
<h2>多维评定体系，量化 AI 能力成长</h2>
<p>测评、认证与成长档案一站式管理。</p>
</div>
<div class="grid three">
<article class="card">
<h3>能力测评</h3>
<p>在线测评 + AI 反馈，定位能力短板。</p>
</article>
<article class="card">
<h3>等级认证</h3>
<p>证书与徽章体系，展示个人能力标签。</p>
</article>
<article class="card">
<h3>成长档案</h3>
<p>自动生成成长报告与能力画像。</p>
</article>
</div>
</div>
</section>
<section id="events" class="section">
<div class="container">
<div class="section-header">
<span class="tag">赛事专题</span>
<h2>赛事与挑战赛入口，实战拉升</h2>
<p>竞赛项目、专家评审、成果展示一体化。</p>
</div>
<div class="grid three">
<article class="card">
<h3>赛题库</h3>
<p>行业真实问题、AI 应用赛题。</p>
</article>
<article class="card">
<h3>赛事日历</h3>
<p>赛事日程提醒，报名与组队功能。</p>
</article>
<article class="card">
<h3>成果展示</h3>
<p>赛事成果展示与行业评审推荐。</p>
</article>
</div>
</div>
</section>
<section id="jobs" class="section alt">
<div class="container">
<div class="section-header">
<span class="tag">就业服务</span>
<h2>一站式就业服务通道</h2>
<p>简历、岗位、面试辅导与企业对接。</p>
</div>
<div class="grid four">
<article class="card">
<h3>岗位推荐</h3>
<p>基于能力画像推荐合适岗位。</p>
</article>
<article class="card">
<h3>简历优化</h3>
<p>AI 简历诊断与行业模板。</p>
</article>
<article class="card">
<h3>模拟面试</h3>
<p>智能面试官 + 反馈建议。</p>
</article>
<article class="card">
<h3>企业对接</h3>
<p>企业实习与就业直通车。</p>
</article>
</div>
</div>
</section>
<section id="login" class="section cta">
<div class="container">
<h2>准备好开启你的 AI 职业星路了吗？</h2>
<p>创建账号即可解锁完整功能板块、成长路径与 AI 实训资源。</p>
<div class="cta-actions">
<button class="primary-btn">立即登录</button>
<button class="ghost-btn">申请试用</button>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-grid">
<div>
<div class="brand-title">TIANQI</div>
<p>天启智教 · AI 时代职业成长平台</p>
</div>
<div>
<h4>快速入口</h4>
<ul>
<li><a href="#growth">成长星路</a></li>
<li><a href="#courses">课程中心</a></li>
<li><a href="#practice">实训平台</a></li>
</ul>
</div>
<div>
<h4>服务支持</h4>
<ul>
<li><a href="#jobs">就业服务</a></li>
<li><a href="#cert">技能评定</a></li>
<li><a href="https://work.weixin.qq.com/kfid/kfcb9fa0c0ca3e63f2a" target="_blank" rel="noreferrer">在线咨询</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">© 2026 天启智教 · 保留所有权利</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>