项目简介
Paanee 是一款面向桶装水配送服务商的静态 HTML 网站模板,基于 Bootstrap 4 响应式布局,包含首页、服务介绍、博客、商城(购物车/结算)、团队展示和联系表单等完整页面,适合快速搭建水站官网。
技术栈
- Bootstrap 4.3.1(响应式框架)
- jQuery(交互逻辑)
- Font Awesome 4(图标)
- Google Fonts(Jost、Rubik 字体)
- 纯静态,无需构建工具
项目结构
text
paaneehtml-10/
└── paanee pack/
├── paanee/ ← 模板主文件
│ ├── assets/
│ │ ├── css/ ← 样式(含 responsive.css、color.css)
│ │ ├── js/
│ │ ├── fonts/
│ │ └── images/
│ ├── index.html ← 首页
│ ├── index-2.html ← 首页变体
│ ├── about.html
│ ├── services.html / service-details.html
│ ├── shop.html / single-product.html
│ ├── cart.html / checkout.html
│ ├── blog.html / blog-details.html
│ ├── team.html / gallery.html
│ ├── contact.html / faq.html
│ └── 404.html
└── paanee doc/ ← 官方文档(可忽略)
核心文件说明
paanee/index.html— 首页,含导航、banner、特性展示paanee/assets/css/style.css— 全局样式文件paanee/assets/css/color.css— 主题色配置paanee/shop.html— 商品列表页,配套购物车和结算流程paanee/contact.html— 联系页面,含地图和表单paanee/assets/js/script.js— 导航交互与滚动逻辑
快速开始
直接用浏览器打开 paanee/index.html 即可预览。修改内容时编辑对应的 HTML 文件,CSS 调整在 assets/css/ 下进行。
使用建议
上线前请将所有 Google Fonts 和 Bootstrap CDN 链接替换为本地文件或国内可访问的 CDN,以确保加载速度;商城模块为前端展示,支付功能需自行对接后端接口。
