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
ja/about.html
+154
View File
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="ja" data-theme="light" class="site-lang-ja">
<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="../about.html" />
<link rel="alternate" hreflang="en" href="../en/about.html" />
<link rel="alternate" hreflang="ja" href="about.html" />
<link rel="alternate" hreflang="fr" href="../fr/about.html" />
<link rel="alternate" hreflang="x-default" href="../about.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" href="index.html">ホーム</a>
<a class="nav-link" href="index.html#products">製品</a>
<a class="nav-link current" 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 href="../about.html" hreflang="zh-CN" lang="zh-CN">中文</a>
<a href="../en/about.html" hreflang="en" lang="en">English</a>
<a class="current" href="about.html" hreflang="ja" lang="ja">日本語</a>
<a href="../fr/about.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 href="index.html">ホーム</a>
<a href="index.html#products">製品</a>
<a class="current" href="about.html">私たちについて</a>
<div class="mobile-lang">
<p>言語</p>
<a href="../about.html">中文</a>
<a href="../en/about.html">English</a>
<a class="current" href="about.html">日本語</a>
<a href="../fr/about.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 about-hero">
<div class="container">
<p class="home-kicker">智花 · 五道题</p>
<h1 class="hero-title">私たちについて</h1>
<p class="home-lead">学習、入力、効率のためのソフトウェアを開発しています。智花は中国語の学習と入力、MassiveEdit は巨大テキストを扱う人のための製品です。</p>
</div>
</section>
<section class="section compact">
<div class="container about-stack">
<article class="feature-card">
<h2>ビジョン</h2>
<p>学び、伝え、日々の仕事で本当に手間のかかる部分を、使えるソフトウェアにします。分かりやすく、安定して、長く磨いていけるものを目指します。</p>
</article>
<article class="feature-card">
<h2>ミッション</h2>
<p>現場で使える製品を出し続けること。課題を終え、口を開け、入力が自然になり、識字に道筋があり、巨大ファイルも開いて編集できること。</p>
</article>
<article class="feature-card">
<h2>ブランドストーリー</h2>
<p>「智花」は知恵と文化がともに花開くイメージです。五道题は会社主体、智花は中国語の学習と入力の製品ブランド。言語学、エンジニアリング、製品改善を一本の線で進めています。</p>
</article>
<article class="feature-card">
<h2>チーム</h2>
<p>チームの仕事は製品開発と継続的な改善です。機能を出し、不具合を直し、フィードバックを聞く。生徒募集や教員フランチャイズは行いません。</p>
</article>
</div>
</section>
<section class="section compact">
<div class="container">
<div class="about-products">
<a href="/smartbuddy/">智花学伴</a>
<a href="/smartinput/">智花入力</a>
<a href="/smarthanzi/">智花識字</a>
<a href="/massiveedit/">MassiveEdit</a>
</div>
</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>
ja/index.html
+176
View File
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="ja" data-theme="light" class="site-lang-ja">
<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="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 href="../index.html" hreflang="zh-CN" lang="zh-CN">中文</a>
<a href="../en/index.html" hreflang="en" lang="en">English</a>
<a class="current" href="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 href="../index.html">中文</a>
<a href="../en/index.html">English</a>
<a class="current" href="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">五道题の製品です。智花は中国語の学習と入力を、MassiveEdit は巨大テキストの編集を担います。</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>