change html
This commit is contained in:
+176
@@ -0,0 +1,176 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="light" class="site-lang-en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Zhihua | Five Questions</title>
|
||||
<meta name="description" content="Software from Five Questions: SmartBuddy, SmartInput, SmartHanzi, and MassiveEdit—learning, input, and productivity tools." />
|
||||
<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="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="Zhihua home">
|
||||
<img class="brand-mark" src="../images/logo.svg" alt="" />
|
||||
<div class="brand-copy">
|
||||
<strong>Zhihua</strong><span>|</span><span>Five Questions</span>
|
||||
</div>
|
||||
</a>
|
||||
<nav class="nav-links" aria-label="Language">
|
||||
<a class="nav-link current" href="index.html">Home</a>
|
||||
<a class="nav-link" href="index.html#products">Products</a>
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</nav>
|
||||
<div class="header-tools">
|
||||
<details class="lang-switch">
|
||||
<summary class="locale-pill" aria-label="Language">
|
||||
<span>English</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 class="current" href="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="Switch light or dark theme" title="Switch light or dark theme">
|
||||
<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">Home</a>
|
||||
<a href="index.html#products">Products</a>
|
||||
<a href="about.html">About</a>
|
||||
<div class="mobile-lang">
|
||||
<p>Language</p>
|
||||
<a href="../index.html">中文</a>
|
||||
<a class="current" href="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="Switch light or dark theme">
|
||||
<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">Zhihua · Five Questions</p>
|
||||
<h1 class="hero-title">Learning, input, and productivity tools</h1>
|
||||
<p class="home-lead">From Five Questions. Zhihua covers Chinese learning and input; MassiveEdit is built for very large text files.</p>
|
||||
<div class="hero-actions">
|
||||
<a class="btn btn-primary" href="#products">See products</a>
|
||||
<a class="btn btn-outline" href="about.html">About us</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section compact" id="products">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2 class="section-title">Products</h2>
|
||||
<p class="section-copy">Zhihua is for Chinese learning and typing. MassiveEdit is for people who need to work with huge text files.</p>
|
||||
</div>
|
||||
<div class="product-grid">
|
||||
<article class="feature-card product-card">
|
||||
<p class="product-kicker">SmartBuddy</p>
|
||||
<h3>智花学伴</h3>
|
||||
<p>A student app for international Chinese: homework from teachers, speaking practice, coaching, and real-life scenes.</p>
|
||||
<a class="mini-link" href="/smartbuddy/">Open SmartBuddy</a>
|
||||
</article>
|
||||
<article class="feature-card product-card">
|
||||
<p class="product-kicker">SmartInput</p>
|
||||
<h3>智花输入法</h3>
|
||||
<p>Full QWERTY pinyin, 9-key pinyin, stroke, and handwriting—on iOS, Android, and desktop.</p>
|
||||
<a class="mini-link" href="/smartinput/">Open SmartInput</a>
|
||||
</article>
|
||||
<article class="feature-card product-card">
|
||||
<p class="product-kicker">SmartHanzi</p>
|
||||
<h3>智花识字</h3>
|
||||
<p>Learn characters with the school textbook: reading, stroke tracing, and spaced review.</p>
|
||||
<a class="mini-link" href="/smarthanzi/">Open SmartHanzi</a>
|
||||
</article>
|
||||
<article class="feature-card product-card">
|
||||
<p class="product-kicker">Large File Editor</p>
|
||||
<h3>MassiveEdit</h3>
|
||||
<p>A text editor for very large files, built for fast open, smooth scrolling, and steady editing.</p>
|
||||
<a class="mini-link" href="/massiveedit/en/">Open MassiveEdit</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section compact" id="company">
|
||||
<div class="container grid-two company-contact">
|
||||
<article class="feature-card">
|
||||
<h3>Five Questions</h3>
|
||||
<p>Five Questions (Beijing) Technology Co., Ltd. builds practical learning and productivity software. Zhihua is the brand for Chinese learning and input; MassiveEdit is our large-file editor.</p>
|
||||
<a class="mini-link" href="about.html">About the company</a>
|
||||
</article>
|
||||
<article class="feature-card">
|
||||
<h3>Contact</h3>
|
||||
<p>For trials, partnerships, or product questions, write to us.</p>
|
||||
<a class="mini-link" href="mailto:liutingchao@fivequestions.cn">Email us</a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-main">
|
||||
<div>
|
||||
<h3>Five Questions (Beijing) Technology Co., Ltd.</h3>
|
||||
<p>Address: Room A-012, 1F, North Auxiliary Building, No. 6 Tianfu North Street, Wenjing Subdistrict, Tongzhou District, Beijing 101100, China</p>
|
||||
<p>Email: liutingchao@fivequestions.cn</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3>About</h3>
|
||||
<div class="footer-links">
|
||||
<a href="about.html">Company</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3>Products</h3>
|
||||
<div class="footer-links">
|
||||
<a href="/smartbuddy/">SmartBuddy</a>
|
||||
<a href="/smartinput/">SmartInput</a>
|
||||
<a href="/smarthanzi/">SmartHanzi</a>
|
||||
<a href="/massiveedit/en/">MassiveEdit</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<p class="footer-legal-line">
|
||||
© 2026 Five Questions (Beijing) Technology Co., Ltd. All rights reserved.
|
||||
<a class="footer-icp-link" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备2025143052号</a>
|
||||
</p>
|
||||
<p class="footer-trademark">五道题® and 智花® are registered trademarks of Five Questions (Beijing) Technology Co., Ltd. English wording on this site is for display only and does not replace the Chinese marks. Unauthorized use that may cause confusion is prohibited.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<script src="../js/site.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user