
Poolito - 清洁服务 HTML 模板
# 项目简介
ShinyStar / Cleaning 是一款面向清洁与泳池服务行业的 HTML 商业模板,基于 Bootstrap 构建。包含 3 个首页样式和 11 个内页(About、Service、Blog、Portfolio、Team、Contact 等),适合家政、物业、泳池维护类企业快速搭建官网。
## 技术栈
- Bootstrap 5(CSS 框架 / 响应式布局)
- jQuery(DOM 操作与交互)
- GSAP(下载版本预加载动画)
- Font Awesome 6(图标库)
- Google Fonts(Rubik / Fuzzy Bubbles / Poppins 字体)
- 静态 HTML + CSS + JS
## 项目结构
```
poolitohtml-10/
├── download version/
│ ├── index.html # 首页(3 套样式)
│ ├── index-2.html
│ ├── index-3.html
│ ├── about.html
│ ├── blog.html
│ ├── blog-details.html
│ ├── contact.html
│ ├── service.html
│ ├── service-details.html
│ ├── portfolio.html
│ ├── portfolio-details.html
│ ├── team.html
│ ├── team-details.html
│ ├── 404.html
│ ├── mail.php
│ └── assets/
│ ├── css/style.css
│ └── js/main.js
└── documentation/ # 官方说明文档
```
## 核心文件说明
- `download version/index.html` — 首页入口,含 3 套不同视觉风格的首页切换
- `download version/assets/css/style.css` — 主样式表,包含模板所有自定义样式与响应式规则
- `download version/assets/js/main.js` — 核心交互脚本(移动端菜单、Sticky Header、滚动置顶、GSAP 动画)
- `download version/assets/css/bootstrap.min.css` — Bootstrap 基础框架样式
- `download version/mail.php` — 表单后端处理脚本(联系表单数据发送)
- `documentation/index.html` — 模板官方文档页,含安装说明、页面列表、字体引用路径
## 快速开始
1. 将 `download version` 目录内容上传至服务器(通常为 `public_html`)
2. 直接在浏览器打开 `index.html` 即可预览完整效果
3. 编辑 `index.html` 及各内页修改文案与图片,样式覆盖在 `assets/css/style.css` 中完成
## 使用建议
- 下载版本为正式可商用代码,documentation 文件夹仅供查阅无需部署
- 如需对接后端表单,将 `mail.php` 部署到服务器并确保 PHP 环境可用,同时检查 `main.js` 中 AJAX 提交地址是否正确
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML