0908
This commit is contained in:
张威33321
175
office-site/index.html
Normal file
175
office-site/index.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>泽枢云启 · 官方网站</title>
|
||||
<link rel="icon" href="assets/img/logo.svg">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ========== 顶部导航 ========== -->
|
||||
<header class="header">
|
||||
<div class="container header-inner">
|
||||
<!-- TODO 待替换：LOGO 与品牌名 -->
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/img/logo.svg" alt="logo">
|
||||
<span>泽枢云启</span>
|
||||
</a>
|
||||
<nav class="nav">
|
||||
<a href="index.html" class="active">首页</a>
|
||||
<a href="guide.html">使用说明</a>
|
||||
<a href="report.html">报告查询</a>
|
||||
<a href="support.html">智能客服</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a class="btn btn-primary btn-sm" href="report.html">查询报告</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ========== Hero ========== -->
|
||||
<section class="hero">
|
||||
<div class="container hero-inner">
|
||||
<div>
|
||||
<span class="hero-tag">个人与家庭数据存储</span>
|
||||
<h1>把数据放回<em>自己手里</em></h1>
|
||||
<!-- TODO 待替换：首页主文案 -->
|
||||
<p>稳定可靠的 NAS 整机方案，从入门尝鲜到长期生产使用，一机一测，报告官网可查。</p>
|
||||
<div class="hero-actions">
|
||||
<a class="btn btn-primary" href="guide.html">使用说明</a>
|
||||
<a class="btn btn-outline" href="support.html">智能客服</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-img">
|
||||
<img src="assets/img/hero-nas.svg" alt="NAS 主机">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ========== 三个栏目 ========== -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>服务与支持</h2>
|
||||
<p>遇到问题，从这里开始</p>
|
||||
</div>
|
||||
<div class="grid-3">
|
||||
<a class="card" href="guide.html">
|
||||
<img class="icon" src="assets/img/icon-guide.svg" alt="使用说明">
|
||||
<h3>使用说明</h3>
|
||||
<p>开箱、装机、系统配置与常见问题指引，快速上手你的 NAS。</p>
|
||||
<span class="more">查看详情</span>
|
||||
</a>
|
||||
<a class="card" href="report.html">
|
||||
<img class="icon" src="assets/img/icon-report.svg" alt="报告查询">
|
||||
<h3>报告查询</h3>
|
||||
<p>输入机身编号，查询本机出厂稳定性测试报告，一机一测可核验。</p>
|
||||
<span class="more">立即查询</span>
|
||||
</a>
|
||||
<a class="card" href="support.html">
|
||||
<img class="icon" src="assets/img/icon-support.svg" alt="智能客服">
|
||||
<h3>智能客服</h3>
|
||||
<p>7×24 在线答疑，选型建议、故障排查、售后咨询即时响应。</p>
|
||||
<span class="more">开始咨询</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ========== 数据条 ========== -->
|
||||
<section class="section section-soft">
|
||||
<div class="container">
|
||||
<!-- TODO 待替换：真实运营数据 -->
|
||||
<div class="stats">
|
||||
<div class="item"><div class="num">3</div><div class="label">产品系列</div></div>
|
||||
<div class="item"><div class="num">100%</div><div class="label">出厂一机一测</div></div>
|
||||
<div class="item"><div class="num">7×24</div><div class="label">在线客服支持</div></div>
|
||||
<div class="item"><div class="num">1 年</div><div class="label">整机质保</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ========== 产品系列占位 ========== -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>产品系列</h2>
|
||||
<p>从尝鲜到生产，总有一款适合你</p>
|
||||
</div>
|
||||
<div class="grid-3">
|
||||
<div class="card">
|
||||
<h3>云启</h3>
|
||||
<p>入门尝鲜 · 偶尔使用</p>
|
||||
<div class="placeholder short" style="margin-top:16px">
|
||||
<span class="ph-title">产品图位</span>
|
||||
<span>建议尺寸 800 × 600</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>云优</h3>
|
||||
<p>稳定耐用 · 兴趣研究</p>
|
||||
<div class="placeholder short" style="margin-top:16px">
|
||||
<span class="ph-title">产品图位</span>
|
||||
<span>建议尺寸 800 × 600</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>云卓</h3>
|
||||
<p>高性能 · 生产 / 发烧</p>
|
||||
<div class="placeholder short" style="margin-top:16px">
|
||||
<span class="ph-title">产品图位</span>
|
||||
<span>建议尺寸 800 × 600</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ========== 页脚 ========== -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-cols">
|
||||
<div class="brand">
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/img/logo.svg" alt="logo">
|
||||
<span>泽枢云启</span>
|
||||
</a>
|
||||
<!-- TODO 待替换：公司简介 -->
|
||||
<p>专注个人与家庭数据存储设备，提供稳定可靠的 NAS 整机与全流程服务支持。</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5>服务支持</h5>
|
||||
<ul>
|
||||
<li><a href="guide.html">使用说明</a></li>
|
||||
<li><a href="report.html">报告查询</a></li>
|
||||
<li><a href="support.html">智能客服</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>产品</h5>
|
||||
<ul>
|
||||
<li>云启系列</li>
|
||||
<li>云优系列</li>
|
||||
<li>云卓系列</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>关于</h5>
|
||||
<ul>
|
||||
<li>公司简介</li>
|
||||
<li>联系我们</li>
|
||||
<li>加入我们</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
© 2026 泽枢云启 保留所有权利 · <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">粤ICP备2026130534号-1</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user