Freshflow - Cleaning Service HTML Template

# 项目简介 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 图标字体 ## 项目结构 ``` 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` — 官方使用文档，可参考其中结构说明与文件组织方式 ## 快速开始 本项目为纯静态模板，无需安装依赖： 1. 解压压缩包，进入 `freshflow-pack/01-html-file/` 目录 2. 直接用浏览器打开 `index.html` 预览 3. 上线时将整个 `01-html-file/` 目录上传至服务器或静态托管平台 如需使用联系表单（`sendemail.php`）等后端功能，需自行配置 PHP 环境或替换为第三方表单服务。 ## 使用建议 - 模板内置 6 种首页风格和 3 种单页版，建议根据品牌定位选择合适版本，删除不需要的变体以减少冗余 - 所有页面共享 `assets/css/style.css`，修改全局样式时注意影响范围；各模块 CSS 分文件管理在 `assets/css/module-css/` 目录下，便于局部调整