index.html · 约 3805 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>驰旭科技 - 主页</title>
7<style>:root{--theme:#2563eb;--theme-d:#1d4ed8}</style>
8<link rel="stylesheet" href="css/style.css">
9</head>
10<body>
11<div class="phone">
12 <header class="appbar">
13 <div class="logo">🏢</div>
14 <div class="brand">驰旭科技<small>企业数字化伙伴</small></div>
15 </header>
16 <main class="screen">
17<div class="hero"><h1>用技术驱动企业增长</h1><p>从官网建设到数字化运营，为中小企业提供一站式移动端解决方案。</p><a class="btn" href="products.html">查看产品 →</a> <a class="btn ghost" href="contact.html">联系我们</a></div>
18<div class="banner">驰旭科技 · 移动端示范站点</div>
19<div class="sec-title"><span class="bar"></span>核心能力</div>
20<div class="feat-grid">
21<div class="feat"><div class="ic">🌐</div><b>官网建设</b><span>品牌官网 / 营销单页</span></div>
22<div class="feat"><div class="ic">📈</div><b>获客转化</b><span>SEO + 落地页优化</span></div>
23<div class="feat"><div class="ic">🧩</div><b>系统集成</b><span>打通业务数据流</span></div>
24<div class="feat"><div class="ic">📊</div><b>数据看板</b><span>经营数据可视化</span></div>
25</div>
26<div class="card"><div class="sec-title"><span class="bar"></span>公司产品</div>
27<div class="prod-grid">
28<div class="prod"><div class="thumb">🖥️</div><div class="info"><b>官网标准版</b><div class="d">中小企业展示站</div><div class="p">¥3,800 起</div></div></div>
29<div class="prod"><div class="thumb">📱</div><div class="info"><b>微信小程序</b><div class="d">扫码即用</div><div class="p">¥6,800 起</div></div></div>
30<div class="prod"><div class="thumb">⚙️</div><div class="info"><b>管理后台</b><div class="d">业务流程线上化</div><div class="p">¥9,800 起</div></div></div>
31<div class="prod"><div class="thumb">🛡️</div><div class="info"><b>运维托管</b><div class="d">7×24 护航</div><div class="p">¥1,200/年</div></div></div>
32</div></div>
33<div class="card"><div class="sec-title"><span class="bar"></span>最新资讯</div>
34<a class="news" href="detail.html"><b>企业数字化转型的 5 个关键步骤</b><div class="meta">2026-06-20 · 运营干货</div><div class="sum">从战略规划到落地执行，拆解中小企业可复制的数字化路径。</div></a>
35<a class="news" href="detail.html"><b>官网 SEO 优化入门指南</b><div class="meta">2026-05-18 · 技术分享</div><div class="sum">关键词布局、加载速度、移动适配三大核心要点详解。</div></a>
36<a class="news" href="detail.html"><b>案例：某制造企业通过官网获客增长 200%</b><div class="meta">2026-04-10 · 客户案例</div><div class="sum">重构官网与内容矩阵后，三个月内有效询盘量翻倍。</div></a></div>
37<div class="card center"><div class="stats"><div><b>企业官网</b><span>行业示范</span></div><div><b>5+</b><span>核心页面</span></div><div><b>100%</b><span>移动适配</span></div></div></div>
38<div class="card center"><p class="muted">本模板为「驰旭教育」H5 移动端网页示范，可一键下载源码二次开发。</p><a class="btn full" href="contact.html">获取源码 / 咨询</a></div>
39 </main>
40 <nav class="tabbar">
41 <a href="index.html"><span>🏠</span>首页</a>
42 <a href="products.html"><span>🛍️</span>产品</a>
43 <a href="list.html"><span>📰</span>资讯</a>
44 <a href="about.html"><span>ℹ️</span>关于</a>
45 <a href="contact.html"><span>📞</span>联系</a>
46 </nav>
47</div>
48<script src="js/main.js"></script>
49</body>
50</html>