caozh/fiveq-website-2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change html

Browse Source
This commit is contained in:
liutingchao
2026-08-24 15:37:08 +08:00
parent 3325bc52ef
commit 0487879eee
139 changed files with 9789 additions and 1684 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+176
View File
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light" class="site-lang-zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>智花｜五道题</title>
<meta name="description" content="五道题（北京）科技有限公司出品：智花学伴、智花输入法、智花识字与 MassiveEdit，覆盖学习、输入与效率工具。" />
<link rel="icon" type="image/svg+xml" href="images/logo.svg" />
<link rel="alternate" hreflang="zh-CN" href="index.html" />
<link rel="alternate" hreflang="en" href="en/index.html" />
<link rel="alternate" hreflang="ja" href="ja/index.html" />
<link rel="alternate" hreflang="fr" href="fr/index.html" />
<link rel="alternate" hreflang="x-default" href="index.html" />
<link rel="stylesheet" href="css/site.css" />
<script>
(function () {
try {
var t = localStorage.getItem("theme");
var dark =
t === "dark" ||
(!t && window.matchMedia("(prefers-color-scheme: dark)").matches);
document.documentElement.setAttribute("data-theme", dark ? "dark" : "light");
} catch (_) {}
})();
</script>
</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="images/logo.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="index.html#products">产品</a>
<a class="nav-link" href="about.html">关于我们</a>
</nav>
<div class="header-tools">
<details class="lang-switch">
<summary class="locale-pill" aria-label="语言">
<span>中文</span>
<svg width="10" height="10" viewBox="0 0 24 24" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/></svg>
</summary>
<div class="lang-switch-panel">
<a class="current" href="index.html" hreflang="zh-CN" lang="zh-CN">中文</a>
<a href="en/index.html" hreflang="en" lang="en">English</a>
<a href="ja/index.html" hreflang="ja" lang="ja">日本語</a>
<a href="fr/index.html" hreflang="fr" lang="fr">Français</a>
</div>
</details>
<button class="theme-toggle-btn" type="button" data-theme-toggle aria-label="切换浅色或深色主题" title="切换浅色或深色主题">
<svg class="icon-light" width="20" height="20" viewBox="0 0 24 24" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"/></svg>
<svg class="icon-dark" width="20" height="20" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></g></svg>
</button>
</div>
<button class="menu-toggle" type="button" data-menu-toggle aria-expanded="false" aria-label="Menu">
<svg width="22" height="22" viewBox="0 0 24 24" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5h16M4 12h16M4 19h16"/></svg>
</button>
</div>
<div class="container mobile-menu" data-mobile-menu>
<a class="current" href="index.html">首页</a>
<a href="index.html#products">产品</a>
<a href="about.html">关于我们</a>
<div class="mobile-lang">
<p>语言</p>
<a class="current" href="index.html">中文</a>
<a href="en/index.html">English</a>
<a href="ja/index.html">日本語</a>
<a href="fr/index.html">Français</a>
</div>
<button class="theme-toggle-btn" type="button" data-theme-toggle aria-label="切换浅色或深色主题">
<svg class="icon-light" width="20" height="20" viewBox="0 0 24 24" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"/></svg>
<svg class="icon-dark" width="20" height="20" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></g></svg>
</button>
</div>
</header>
<main>
<section class="hero home-hero">
<div class="container">
<p class="home-kicker">智花 · 五道题</p>
<h1 class="hero-title">学习、输入与效率工具</h1>
<p class="home-lead">五道题出品。智花覆盖中文学习与输入，同时提供面向大文件的效率工具。</p>
<div class="hero-actions">
<a class="btn btn-primary" href="#products">查看产品</a>
<a class="btn btn-outline" href="about.html">关于我们</a>
</div>
</div>
</section>
<section class="section compact" id="products">
<div class="container">
<div class="section-head">
<h2 class="section-title">我们的产品</h2>
<p class="section-copy">智花面向中文学习与输入；MassiveEdit 服务需要稳定处理超大文本的人。</p>
</div>
<div class="product-grid">
<article class="feature-card product-card">
<p class="product-kicker">SmartBuddy</p>
<h3>智花学伴</h3>
<p>面向国际中文学习的学生端：完成教师布置的作业，用语音评测、强化练习和生活场景把中文说出来。</p>
<a class="mini-link" href="/smartbuddy/">进入智花学伴</a>
</article>
<article class="feature-card product-card">
<p class="product-kicker">SmartInput</p>
<h3>智花输入法</h3>
<p>支持全键盘拼音、九键拼音、笔画与手写，覆盖 iOS、Android 与桌面平台。</p>
<a class="mini-link" href="/smartinput/">进入智花输入法</a>
</article>
<article class="feature-card product-card">
<p class="product-kicker">SmartHanzi</p>
<h3>智花识字</h3>
<p>跟着小学教材认字写字，认读、描红笔顺与智能复习连成一条路径。</p>
<a class="mini-link" href="/smarthanzi/">进入智花识字</a>
</article>
<article class="feature-card product-card">
<p class="product-kicker">Large File Editor</p>
<h3>MassiveEdit</h3>
<p>面向超大文本文件的编辑器，强调打开速度、滚动流畅与稳定编辑。</p>
<a class="mini-link" href="/massiveedit/">进入 MassiveEdit</a>
</article>
</div>
</div>
</section>
<section class="section compact" id="company">
<div class="container grid-two company-contact">
<article class="feature-card">
<h3>五道题</h3>
<p>五道题（北京）科技有限公司做可落地的学习与效率软件。智花是面向中文学习与输入的产品品牌；MassiveEdit 是同一主体下的大文件文本编辑器。</p>
<a class="mini-link" href="about.html">了解公司</a>
</article>
<article class="feature-card">
<h3>联系我们</h3>
<p>试用、合作或产品问题，欢迎来信。</p>
<a class="mini-link" href="mailto:liutingchao@fivequestions.cn">发送邮件</a>
</article>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-main">
<div>
<h3>五道题（北京）科技有限公司</h3>
<p>地址：北京市通州区文景街道田府北街6号北配楼1层A-012</p>
<p>邮箱：liutingchao@fivequestions.cn</p>
</div>
<div>
<h3>关于我们</h3>
<div class="footer-links">
<a href="about.html">公司介绍</a>
</div>
</div>
<div>
<h3>产品</h3>
<div class="footer-links">
<a href="/smartbuddy/">智花学伴</a>
<a href="/smartinput/">智花输入法</a>
<a href="/smarthanzi/">智花识字</a>
<a href="/massiveedit/">MassiveEdit</a>
</div>
</div>
</div>
<div class="container footer-bottom">
<p class="footer-legal-line">
© 2026 五道题（北京）科技有限公司 保留所有权利
<a class="footer-icp-link" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备2025143052号</a>
</p>
<p class="footer-trademark">「五道题®」「智花®」为五道题（北京）科技有限公司注册商标；未经许可，他人不得以可能造成相关公众混淆的方式使用。</p>
</div>
</footer>
</div>
<script src="js/site.js"></script>
</body>
</html>