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
fr/about.html
+154
View File
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="fr" data-theme="light" class="site-lang-fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>À propos | Zhihua · Five Questions</title>
<meta name="description" content="Five Questions (Beijing) Technology Co., Ltd. : produits Zhihua d’apprentissage et de saisie, et des outils comme 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="../ja/about.html" />
<link rel="alternate" hreflang="fr" href="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="Accueil Zhihua">
<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="Langue">
<a class="nav-link" href="index.html">Accueil</a>
<a class="nav-link" href="index.html#products">Produits</a>
<a class="nav-link current" href="about.html">À propos</a>
</nav>
<div class="header-tools">
<details class="lang-switch">
<summary class="locale-pill" aria-label="Langue">
<span>Français</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 href="../ja/about.html" hreflang="ja" lang="ja">日本語</a>
<a class="current" href="about.html" hreflang="fr" lang="fr">Français</a>
</div>
</details>
<button class="theme-toggle-btn" type="button" data-theme-toggle aria-label="Basculer entre thème clair et sombre" title="Basculer entre thème clair et sombre">
<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">Accueil</a>
<a href="index.html#products">Produits</a>
<a class="current" href="about.html">À propos</a>
<div class="mobile-lang">
<p>Langue</p>
<a href="../about.html">中文</a>
<a href="../en/about.html">English</a>
<a href="../ja/about.html">日本語</a>
<a class="current" href="about.html">Français</a>
</div>
<button class="theme-toggle-btn" type="button" data-theme-toggle aria-label="Basculer entre thème clair et sombre">
<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">Zhihua · Five Questions</p>
<h1 class="hero-title">À propos</h1>
<p class="home-lead">Nous développons des logiciels d’apprentissage, de saisie et d’efficacité. Zhihua couvre le chinois ; MassiveEdit s’adresse aux très gros fichiers texte.</p>
</div>
</section>
<section class="section compact">
<div class="container about-stack">
<article class="feature-card">
<h2>Vision</h2>
<p>Transformer ce qui est vraiment pénible dans l’apprentissage, l’expression et le travail quotidien en logiciels utilisables—clairs, stables, et faits pour durer.</p>
</article>
<article class="feature-card">
<h2>Mission</h2>
<p>Livrer des outils qui tiennent sur le terrain : finir les devoirs et parler, saisir plus naturellement, suivre un chemin pour les caractères, ouvrir et éditer d’énormes fichiers.</p>
</article>
<article class="feature-card">
<h2>Histoire de marque</h2>
<p>« Zhihua » évoque l’intelligence et la culture qui s’épanouissent ensemble. Five Questions est l’entreprise ; Zhihua, la marque pour l’apprentissage et la saisie du chinois. Linguistique, ingénierie et produit avancent sur la même ligne.</p>
</article>
<article class="feature-card">
<h2>Équipe</h2>
<p>L’équipe développe et itère : livrer, corriger, écouter. Nous ne recrutons pas d’élèves et n’exploitons pas de réseau enseignant—l’effort va au logiciel.</p>
</article>
</div>
</section>
<section class="section compact">
<div class="container">
<div class="about-products">
<a href="/smartbuddy/">SmartBuddy</a>
<a href="/smartinput/">SmartInput</a>
<a href="/smarthanzi/">SmartHanzi</a>
<a href="/massiveedit/en/">MassiveEdit</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-main">
<div>
<h3>Five Questions (Beijing) Technology Co., Ltd.</h3>
<p>Adresse : Room A-012, 1F, North Auxiliary Building, No. 6 Tianfu North Street, Wenjing Subdistrict, Tongzhou District, Beijing 101100, Chine</p>
<p>Courriel : liutingchao@fivequestions.cn</p>
</div>
<div>
<h3>À propos</h3>
<div class="footer-links">
<a href="about.html">L’entreprise</a>
</div>
</div>
<div>
<h3>Produits</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. Tous droits réservés.
<a class="footer-icp-link" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备2025143052号</a>
</p>
<p class="footer-trademark">五道题® et 智花® sont des marques enregistrées de Five Questions (Beijing) Technology Co., Ltd. Les libellés en anglais sur ce site sont purement indicatifs et ne remplacent pas les marques en chinois. Toute utilisation non autorisée susceptible de créer une confusion est interdite.</p>
</div>
</footer>
</div>
<script src="../js/site.js"></script>
</body>
</html>
fr/index.html
+176
View File
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="fr" data-theme="light" class="site-lang-fr">
<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="Logiciels de Five Questions : SmartBuddy, SmartInput, SmartHanzi et MassiveEdit—apprentissage, saisie et outils d’efficacité." />
<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="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="Accueil Zhihua">
<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="Langue">
<a class="nav-link current" href="index.html">Accueil</a>
<a class="nav-link" href="index.html#products">Produits</a>
<a class="nav-link" href="about.html">À propos</a>
</nav>
<div class="header-tools">
<details class="lang-switch">
<summary class="locale-pill" aria-label="Langue">
<span>Français</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 href="../ja/index.html" hreflang="ja" lang="ja">日本語</a>
<a class="current" href="index.html" hreflang="fr" lang="fr">Français</a>
</div>
</details>
<button class="theme-toggle-btn" type="button" data-theme-toggle aria-label="Basculer entre thème clair et sombre" title="Basculer entre thème clair et sombre">
<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">Accueil</a>
<a href="index.html#products">Produits</a>
<a href="about.html">À propos</a>
<div class="mobile-lang">
<p>Langue</p>
<a href="../index.html">中文</a>
<a href="../en/index.html">English</a>
<a href="../ja/index.html">日本語</a>
<a class="current" href="index.html">Français</a>
</div>
<button class="theme-toggle-btn" type="button" data-theme-toggle aria-label="Basculer entre thème clair et sombre">
<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">Apprentissage, saisie et outils d’efficacité</h1>
<p class="home-lead">Édités par Five Questions. Zhihua couvre l’apprentissage et la saisie du chinois ; MassiveEdit s’adresse aux très gros fichiers texte.</p>
<div class="hero-actions">
<a class="btn btn-primary" href="#products">Voir les produits</a>
<a class="btn btn-outline" href="about.html">À propos</a>
</div>
</div>
</section>
<section class="section compact" id="products">
<div class="container">
<div class="section-head">
<h2 class="section-title">Produits</h2>
<p class="section-copy">Zhihua sert l’apprentissage et la saisie du chinois. MassiveEdit s’adresse à ceux qui travaillent sur d’énormes fichiers texte.</p>
</div>
<div class="product-grid">
<article class="feature-card product-card">
<p class="product-kicker">SmartBuddy</p>
<h3>智花学伴</h3>
<p>Application élève pour le chinois international : devoirs, oral, renforcement et scènes de la vie quotidienne.</p>
<a class="mini-link" href="/smartbuddy/">Ouvrir SmartBuddy</a>
</article>
<article class="feature-card product-card">
<p class="product-kicker">SmartInput</p>
<h3>智花输入法</h3>
<p>Pinyin clavier complet, pinyin 9 touches, traits et écriture manuscrite—sur iOS, Android et bureau.</p>
<a class="mini-link" href="/smartinput/">Ouvrir SmartInput</a>
</article>
<article class="feature-card product-card">
<p class="product-kicker">SmartHanzi</p>
<h3>智花识字</h3>
<p>Apprendre les caractères avec le manuel scolaire : lecture, tracé des traits et révision espacée.</p>
<a class="mini-link" href="/smarthanzi/">Ouvrir SmartHanzi</a>
</article>
<article class="feature-card product-card">
<p class="product-kicker">Large File Editor</p>
<h3>MassiveEdit</h3>
<p>Éditeur pour de très gros fichiers texte : ouverture rapide, défilement fluide, édition stable.</p>
<a class="mini-link" href="/massiveedit/en/">Ouvrir 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. conçoit des logiciels d’apprentissage et d’efficacité. Zhihua est la marque pour le chinois ; MassiveEdit est notre éditeur de très gros fichiers.</p>
<a class="mini-link" href="about.html">L’entreprise</a>
</article>
<article class="feature-card">
<h3>Contact</h3>
<p>Pour un essai, un partenariat ou une question produit, écrivez-nous.</p>
<a class="mini-link" href="mailto:liutingchao@fivequestions.cn">Envoyer un courriel</a>
</article>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-main">
<div>
<h3>Five Questions (Beijing) Technology Co., Ltd.</h3>
<p>Adresse : Room A-012, 1F, North Auxiliary Building, No. 6 Tianfu North Street, Wenjing Subdistrict, Tongzhou District, Beijing 101100, Chine</p>
<p>Courriel : liutingchao@fivequestions.cn</p>
</div>
<div>
<h3>À propos</h3>
<div class="footer-links">
<a href="about.html">L’entreprise</a>
</div>
</div>
<div>
<h3>Produits</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. Tous droits réservés.
<a class="footer-icp-link" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备2025143052号</a>
</p>
<p class="footer-trademark">五道题® et 智花® sont des marques enregistrées de Five Questions (Beijing) Technology Co., Ltd. Les libellés en anglais sur ce site sont purement indicatifs et ne remplacent pas les marques en chinois. Toute utilisation non autorisée susceptible de créer une confusion est interdite.</p>
</div>
</footer>
</div>
<script src="../js/site.js"></script>
</body>
</html>