Paanee - 饮用矿泉水交付 HTML 模板

# 项目简介 Paanee 是一款面向桶装水配送服务商的静态 HTML 网站模板，基于 Bootstrap 4 响应式布局，包含首页、服务介绍、博客、商城（购物车/结算）、团队展示和联系表单等完整页面，适合快速搭建水站官网。 ## 技术栈 - Bootstrap 4.3.1（响应式框架） - jQuery（交互逻辑） - Font Awesome 4（图标） - Google Fonts（Jost、Rubik 字体） - 纯静态，无需构建工具 ## 项目结构 ``` 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，以确保加载速度；商城模块为前端展示，支付功能需自行对接后端接口。