Glowz - Cleaning Service HTML5 Template

# 项目简介 Glowz 是一款面向清洁服务行业的 HTML5 网站模板，提供首页、博客、商店、团队、FAQ 等完整页面，适用于保洁公司或个人服务者快速搭建展示型官网。纯静态模板，无需安装额外运行时。 ## 技术栈 - HTML5 + CSS3 + JavaScript（原生） - Bootstrap v5.0.1（响应式布局） - SASS（样式源文件） - jQuery（交互逻辑） - PHP（仅用于联系表单邮件发送） ## 项目结构 ``` glowzhtml-10/downloadable/ ├── glowz/ # 实际模板目录 │ ├── index.html # 首页 │ ├── index-2.html / index-3.html # 首页变体 │ ├── about.html # 关于我们 │ ├── contact.html # 联系页面 │ ├── appoinment.html # 预约页面 │ ├── shop.html / shop-single.html# 商城相关 │ ├── blog*.html # 博客相关页面 │ ├── project*.html # 案例/作品集 │ ├── team*.html # 团队页面 │ ├── faq.html # 常见问题 │ ├── 404.html # 错误页 │ ├── mail-contact.php # 表单邮件处理 │ ├── htaccess # Apache 配置 │ └── assets/ # 静态资源 │ ├── css/ # 样式文件 │ ├── js/ # 脚本文件 │ ├── images/ # 图片资源 │ └── sass/ # SASS 源文件 └── documentation/ # 模板使用文档 ``` ## 核心文件说明 - `glowz/index.html` — 首页入口，包含导航、轮播、服务展示等完整布局 - `glowz/assets/sass/style.scss` — SASS 样式源文件，编译后输出 CSS - `glowz/assets/js/script.js` — 页面交互逻辑（导航、滚动、动画等） - `glowz/mail-contact.php` — 联系表单提交后发送邮件的 PHP 处理脚本 - `glowz/assets/css/bootstrap.min.css` — Bootstrap 5 核心样式 - `glowz/assets/images/` — Logo、图标、占位图等图片资源 ## 快速开始 1. 将 `glowz` 文件夹部署到 Web 服务器（如 Apache/Nginx）或本地开发环境 2. 确保服务器支持 PHP（仅联系表单需要），若不使用表单功能也可纯静态运行 3. 直接在浏览器访问 `index.html`，或通过本地服务器（如 `php -S localhost:8000`）打开 4. 编辑各 HTML 文件内容替换文案和图片即可 ## 使用建议 - 实际部署时需修改 `mail-contact.php` 中的 `$to` 邮箱地址，并确保服务器已开启 `mail()` 函数 - 模板使用 SASS 管理样式，有定制需求时建议直接修改 `assets/sass/` 下的源文件再重新编译