about.html · 约 2275 字符
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:#d97706;--theme-d:#b45309}</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="card"><div class="sec-title"><span class="bar"></span>关于我们</div><p>食光小馆是一家主打现做现卖的社区餐饮品牌，坚持新鲜食材与稳定出品，支持堂食、外卖与到店自取。</p></div>
18<div class="card"><div class="sec-title"><span class="bar"></span>核心优势</div>
19<p class="muted" style="margin:6px 0">🚀 移动优先设计，体验流畅</p>
20<p class="muted" style="margin:6px 0">🧩 模块化源码，易扩展</p>
21<p class="muted" style="margin:6px 0">🎨 统一视觉规范，品牌感强</p>
22<p class="muted" style="margin:6px 0">🔧 配套文档，上手快</p>
23</div>
24<div class="card"><div class="sec-title"><span class="bar"></span>团队 / 里程碑</div>
25<div class="team"><div class="av">🧑💼</div><div><b>创始团队</b><div class="muted" style="font-size:13px">来自互联网与设计的资深从业者</div></div></div>
26<div class="team"><div class="av">🏆</div><div><b>2020</b><div class="muted" style="font-size:13px">平台正式上线</div></div></div>
27<div class="team"><div class="av">🌟</div><div><b>2023</b><div class="muted" style="font-size:13px">服务客户突破千家</div></div></div>
28<div class="team"><div class="av">🤝</div><div><b>2026</b><div class="muted" style="font-size:13px">开放 H5 模板源码下载</div></div></div>
29</div></div>
30 </main>
31 <nav class="tabbar">
32 <a href="index.html"><span>🏠</span>首页</a>
33 <a href="products.html"><span>🛍️</span>产品</a>
34 <a href="list.html"><span>📰</span>资讯</a>
35 <a href="about.html"><span>ℹ️</span>关于</a>
36 <a href="contact.html"><span>📞</span>联系</a>
37 </nav>
38</div>
39<script src="js/main.js"></script>
40</body>
41</html>