change html
This commit is contained in:
+176
@@ -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>
|
||||
Reference in New Issue
Block a user