项目简介
Freshflow 是一款面向清洁服务行业的响应式 HTML5 网站模板，包含首页变体、服务介绍、博客、团队、案例、作品集、产品展示及用户认证等 40+ 完整页面。模板基于 Bootstrap 5.1.3 构建，内置轮播、灯箱、滚动动画、计数器等交互组件，可直接用于保洁、家政、物业等企业建站。
技术栈
- HTML5 + CSS3（静态页面）
- Bootstrap v5.1.3
- jQuery + 主流插件（Owl Carousel、Jarallax、Magnific Popup、Nice Select、AOS 等）
- Google Fonts（Bricolage Grotesque、DM Sans）
- Flaticon 图标字体
项目结构
text
freshflowhtml-10/
freshflow-pack/
01-html-file/
index.html # 首页（主版）
index2.html # 首页变体 2
index3.html # 首页变体 3
index-dark.html # 深色版首页
index-one-page.html # 单页版首页
index2-one-page.html
index3-one-page.html
services.html # 服务列表
commercial-cleaning.html
residential-cleaning.html
office-cleaning.html
deep-cleaning.html
sanitizing-mopping.html
blog.html # 博客
blog-list.html
blog-carousel.html
blog-details.html
products.html # 产品
cart.html
checkout.html
wishlist.html
contact.html # 联系页面
team.html
team-details.html
testimonials.html
testimonials-carousel.html
projects.html
projects-carousel.html
project-details.html
pricing.html
pricing-carousel.html
faq.html
gallery.html
about.html
404.html
login.html
sign-up.html
coming-soon.html
assets/ # 样式、脚本、图片
02-documentation-file/
index.html # 官方文档（英文）
核心文件说明
01-html-file/index.html— 首页主模板，包含横幅、服务、案例、评价等完整区块01-html-file/services.html— 服务分类页面，展示各类清洁服务内容01-html-file/blog*.html— 博客相关页面，支持列表、轮播、详情三种布局01-html-file/products*.html— 电商产品展示页，含购物车、结算、愿望单等完整购物流程01-html-file/contact.html— 联系页面，含表单与地图占位区02-documentation-file/index.html— 官方使用文档，可参考其中结构说明与文件组织方式
快速开始
本项目为纯静态模板，无需安装依赖：
- 解压压缩包，进入
freshflow-pack/01-html-file/目录 - 直接用浏览器打开
index.html预览 - 上线时将整个
01-html-file/目录上传至服务器或静态托管平台
如需使用联系表单（sendemail.php）等后端功能，需自行配置 PHP 环境或替换为第三方表单服务。
使用建议
- 模板内置 6 种首页风格和 3 种单页版，建议根据品牌定位选择合适版本，删除不需要的变体以减少冗余
- 所有页面共享
assets/css/style.css，修改全局样式时注意影响范围；各模块 CSS 分文件管理在assets/css/module-css/目录下，便于局部调整
