
Cleanz - Cleaning Services HTML Template
# 项目简介
Cleanz 是一套专业的保洁服务公司 HTML5 网站模板,提供首页、关于、案例、服务、博客、团队、定价、常见问题等多种页面,支持联系表单和预约表单功能(需 PHP 环境)。适合保洁、家政、清洁公司快速搭建企业官网。
## 技术栈
- HTML5 + CSS3
- Vanilla JavaScript
- Bootstrap 5(CSS 框架)
- Font Awesome、Themify Icons(图标)
- Modernizr(浏览器兼容)
- PHP(联系/预约表单后端)
## 项目结构
```
cleanzhtml-10/Master Files/
├── html/
│ ├── index.html # 首页(默认版)
│ ├── index-2~4.html # 其他首页变体
│ ├── about-*.html # 关于页面
│ ├── services.html # 服务项目
│ ├── projects-*.html # 案例展示
│ ├── blog-*.html # 博客列表/详情
│ ├── team.html # 团队成员
│ ├── pricing-plans.html # 定价方案
│ ├── faq.html # 常见问题
│ ├── contact.html # 联系页面
│ ├── 404.html # 错误页面
│ ├── contact.php # 联系表单后端
│ └── appointment.php # 预约表单后端
├── Documentation/ # 官方文档
└── assets/ # CSS/JS/图片资源
```
## 核心文件说明
- `html/index.html` — 首页入口,提供四个视觉风格不同的版本
- `html/contact.php` — 处理联系表单提交,发送邮件到指定地址
- `html/appointment.php` — 处理预约表单提交,包含服务、面积、地址等字段
- `html/pricing-plans.html` — 展示服务定价方案
- `html/team.html` — 团队成员展示页面
- `assets/css/main.css` — 主样式文件,涵盖所有页面组件样式
## 快速开始
直接用浏览器打开 `html/index.html` 即可预览。如需表单功能,需将整个 `html` 文件夹部署到支持 PHP 的 Web 服务器,并修改 `.php` 文件中的收件邮箱地址。
## 使用建议
模板已内置响应式布局和加载动画,可直接替换 Logo、文字和图片投入使用。使用表单前请确保服务器已配置邮件发送功能。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML