224 lines
12 KiB
HTML
224 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>首页 | 智花 · 五道题在线教育</title>
|
||
<meta name="description" content="五道题国际中文教育官网首页，展示教学理念、课程概念、师资亮点与智能学习体验。" />
|
||
<link rel="stylesheet" href="assets/css/site.css" />
|
||
</head>
|
||
<body>
|
||
<div class="page-shell bg-wash">
|
||
<header class="site-header">
|
||
<div class="container site-nav">
|
||
<a class="brand" href="index.html" aria-label="智花首页">
|
||
<img class="brand-mark" src="assets/images/logo-mark.svg" alt="" />
|
||
<div class="brand-copy"><strong>智花</strong><span>|</span><span>五道题在线教育</span></div>
|
||
</a>
|
||
<nav class="nav-links" aria-label="主导航">
|
||
<a class="nav-link current" href="index.html">首页</a>
|
||
<a class="nav-link" href="teaching-philosophy.html">教学理念</a>
|
||
<a class="nav-link" href="curriculum.html">课程体系</a>
|
||
<a class="nav-link" href="faculty.html">师资团队</a>
|
||
<a class="nav-link" href="about.html">关于我们</a>
|
||
</nav>
|
||
<div class="locale-pill">
|
||
<span>简体中文</span>
|
||
<svg viewBox="0 0 10 6" fill="none" aria-hidden="true">
|
||
<path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
<button class="menu-toggle" type="button" data-menu-toggle aria-expanded="false" aria-label="打开导航菜单">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||
<path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="container mobile-menu" data-mobile-menu>
|
||
<a class="current" href="index.html">首页</a>
|
||
<a href="teaching-philosophy.html">教学理念</a>
|
||
<a href="curriculum.html">课程体系</a>
|
||
<a href="faculty.html">师资团队</a>
|
||
<a href="about.html">关于我们</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero centered">
|
||
<div class="container hero-copy">
|
||
<p class="eyebrow">理念大题</p>
|
||
<h1 class="hero-title">用中文连接世界</h1>
|
||
<p class="hero-subtitle">智花，让学习更智能。</p>
|
||
<div class="hero-actions">
|
||
<a class="btn btn-outline" href="curriculum.html">开始学习</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section compact">
|
||
<div class="container split-hero">
|
||
<div class="stacked-copy">
|
||
<div class="intro-ribbon">首页内容总览</div>
|
||
<h2 class="statement">权威课程与师资，搭配智能学习体验</h2>
|
||
<p class="lead">
|
||
以国际中文教育为核心，围绕课程体系、名师团队、AI 个性化学习和多终端学习体验，建立一套清晰、稳定、可持续升级的静态展示站点。
|
||
</p>
|
||
<div class="hero-actions" style="justify-content:flex-start">
|
||
<a class="btn btn-primary" href="curriculum.html">查看完整课程体系</a>
|
||
<a class="btn btn-ghost" href="faculty.html">查看完整师资体系</a>
|
||
</div>
|
||
</div>
|
||
<div class="art-panel">
|
||
<img src="assets/images/sketch/8ccfd197e95883a5800485bd794446260668decb.png" alt="课程与学习体验可视化展示" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<p class="eyebrow">我们的优势（Why SmartBloom）</p>
|
||
</div>
|
||
<div class="grid-two">
|
||
<article class="feature-card soft">
|
||
<div class="icon-wrap"><img src="assets/images/sketch/c2372a471e5be3eb7d87bf2c5a30fa458b5c897a.png" alt="" /></div>
|
||
<h3>权威课程与师资</h3>
|
||
<p>名师团队，打造科学系统的国际中文课程，覆盖 HSK 分级、技能训练和进阶路径，兼顾学习效率与文化深度。</p>
|
||
</article>
|
||
<article class="feature-card soft">
|
||
<div class="icon-wrap"><img src="assets/images/sketch/f1b84ab9a9a9c47ffa390d0bea93ab79d019625c.png" alt="" /></div>
|
||
<h3>AI 智能学习技术</h3>
|
||
<p>AI 驱动个性化学习，让每一次练习都更高效。围绕学习记录、推荐路径和即时反馈，形成稳定的练习闭环。</p>
|
||
</article>
|
||
<article class="feature-card soft">
|
||
<div class="icon-wrap"><img src="assets/images/sketch/efa4288e0fad73637720bfd9ac094a67a39ed465.png" alt="" /></div>
|
||
<h3>个性化学习体验</h3>
|
||
<p>根据学习水平动态调整，让不同阶段的学习者都能找到适合自己的节奏，减少无效重复，提升成长速度。</p>
|
||
</article>
|
||
<article class="feature-card soft">
|
||
<div class="icon-wrap"><img src="assets/images/sketch/bcc2546bb5ac5489aaf0a6cd2501e09da4de3570.png" alt="" /></div>
|
||
<h3>国际化学习社区</h3>
|
||
<p>全球中文学习者互动平台，跨文化交流无障碍。课程之外，也为真实沟通、协作和表达提供持续场景。</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section compact">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<p class="eyebrow">课程概览</p>
|
||
</div>
|
||
<div class="grid-three">
|
||
<article class="info-card">
|
||
<h3>HSK 等级课程</h3>
|
||
<p>按照 HSK 等级精心设计，循序渐进，系统掌握中文语言能力。</p>
|
||
</article>
|
||
<article class="info-card">
|
||
<h3>技能训练与情境化学习</h3>
|
||
<p>围绕听、说、读、写四项技能构建练习路径，并结合真实情境，让中文学习更主动、更有效。</p>
|
||
</article>
|
||
<article class="info-card">
|
||
<h3>个性化提高班</h3>
|
||
<p>根据学员水平与学习意愿，量身组织提高班，强化短板，帮助学习者持续跃升。</p>
|
||
</article>
|
||
</div>
|
||
<div class="hero-actions">
|
||
<a class="btn btn-outline" href="curriculum.html">查看完整课程体系</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container grid-two">
|
||
<article class="feature-card headline-card">
|
||
<p class="eyebrow">师资亮点</p>
|
||
<h2 class="statement">国际中文教育名师团队倾力打造，经验丰富，专业权威。</h2>
|
||
<p class="lead">课程教学设计覆盖全领域，结合 AI 技术提供更稳定的学习反馈与更灵活的课堂支持。</p>
|
||
<a class="mini-link" href="faculty.html">查看完整师资体系</a>
|
||
</article>
|
||
<article class="feature-card">
|
||
<p class="eyebrow">学习体验</p>
|
||
<div class="art-panel photo">
|
||
<img src="assets/images/sketch/2be43b200b8951b4d2dfe7d7c6370d80413872e1.png" alt="学习 App 界面与使用场景展示" />
|
||
</div>
|
||
<div class="art-caption">
|
||
<strong>学习 App 使用场景</strong>
|
||
<span>练习界面 · AI 推荐路径 · 进度追踪</span>
|
||
</div>
|
||
<a class="mini-link" href="#download">开始学习</a>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section compact" id="download">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<p class="eyebrow">下载应用</p>
|
||
<h2 class="section-title">随时开始你的中文学习</h2>
|
||
<p class="section-copy">保留设计稿中的下载入口位置，桌面端三列展开，移动端自动改为单列，便于静态部署后的直接访问与跳转替换。</p>
|
||
</div>
|
||
<div class="download-grid">
|
||
<article class="download-card">
|
||
<div class="download-meta">
|
||
<div class="download-icon"><img src="assets/images/sketch/707985b319ec1b2f40990110a1589b97e9328463.png" alt="" /></div>
|
||
<div><h3>App Store</h3><p>iPhone / iPad</p></div>
|
||
</div>
|
||
<p>适合 iOS 端学习者，保留与设计稿一致的下载入口位置，可直接替换为真实商店链接。</p>
|
||
</article>
|
||
<article class="download-card">
|
||
<div class="download-meta">
|
||
<div class="download-icon"><img src="assets/images/sketch/1efc835a38063c92536bf13de59691bb55426c59.png" alt="" /></div>
|
||
<div><h3>Google Play</h3><p>Android 商店安装</p></div>
|
||
</div>
|
||
<p>面向全球 Android 用户，支持静态页面先行交付，后续只需替换按钮地址即可上线使用。</p>
|
||
</article>
|
||
<article class="download-card">
|
||
<div class="download-meta">
|
||
<div class="download-icon"><img src="assets/images/sketch/2468a7414061f8fe2d173271cca906677b2e190d.png" alt="" /></div>
|
||
<div><h3>Download Android</h3><p>直链包下载</p></div>
|
||
</div>
|
||
<p>预留 APK 直链下载入口，与设计稿页脚下载区保持一致，方便不同渠道同步发布。</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container footer-main">
|
||
<div>
|
||
<h3>五道题（北京）科技有限公司</h3>
|
||
<p>地址：北京市海淀区</p>
|
||
<p>邮箱：support@fivequestions.cn</p>
|
||
<div class="social-row">
|
||
<a href="#" aria-label="微博"><svg viewBox="0 0 24 24"><path d="M10.1 20C5.77 20 2 18.02 2 14.83c0-1.67.89-3.59 2.42-5.42 2.04-2.44 4.41-3.55 5.29-2.47.4.48.32 1.31-.12 2.26-.2.43.17.31.17.31 1.85-.72 3.54-.84 4.08.16.28.52.17 1.22-.22 2.03-.16.34-.04.41.12.46 1.08.32 2.14.92 2.14 2.22 0 3.15-2.73 5.62-5.78 5.62z"/></svg></a>
|
||
<a href="#" aria-label="微信"><svg viewBox="0 0 24 24"><path d="M8.69 2.19C3.89 2.19 0 5.48 0 9.53c0 2.21 1.17 4.2 3 5.55a.59.59 0 0 1 .22.66l-.39 1.48a.33.33 0 0 0 .41.4l1.9-1.11a.86.86 0 0 1 .72-.1 10.2 10.2 0 0 0 2.84.4c.28 0 .54-.03.81-.05-.86-2.58.16-4.97 1.93-6.45 1.7-1.42 3.88-1.98 5.85-1.84-.58-3.58-4.2-6.34-8.6-6.34zM14.9 10.55c-3.7 0-6.9 2.57-6.9 5.75 0 3.19 3.2 5.7 6.9 5.7.6 0 1.19-.08 1.77-.24a.67.67 0 0 1 .56.08l1.47.86a.25.25 0 0 0 .35-.27l-.3-1.15a.46.46 0 0 1 .17-.51c1.76-1.37 2.7-3.08 2.7-4.98 0-3.18-3.21-5.75-6.9-5.75z"/></svg></a>
|
||
<a href="#" aria-label="Twitter"><svg viewBox="0 0 24 24"><path d="M18.24 2.25h3.31l-7.23 8.26 8.5 11.24h-6.66l-5.21-6.82-5.97 6.82H1.68l7.73-8.84L1.25 2.25h6.82l4.71 6.23z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3>关于我们</h3>
|
||
<div class="footer-links">
|
||
<a href="teaching-philosophy.html">学习理念</a>
|
||
<a href="curriculum.html">课程体系</a>
|
||
<a href="faculty.html">师资团队</a>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3>下载应用</h3>
|
||
<div class="footer-links">
|
||
<a href="#download">App Store</a>
|
||
<a href="#download">Google Play</a>
|
||
<a href="#download">Download Android</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container footer-bottom">© 2026 五道题（北京）科技有限公司 保留所有权利</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<script src="assets/js/site.js"></script>
|
||
</body>
|
||
</html>
|