项目简介
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
项目结构
text
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— 模板官方文档页,含安装说明、页面列表、字体引用路径
快速开始
- 将
download version目录内容上传至服务器(通常为public_html) - 直接在浏览器打开
index.html即可预览完整效果 - 编辑
index.html及各内页修改文案与图片,样式覆盖在assets/css/style.css中完成
使用建议
- 下载版本为正式可商用代码,documentation 文件夹仅供查阅无需部署
- 如需对接后端表单,将
mail.php部署到服务器并确保 PHP 环境可用,同时检查main.js中 AJAX 提交地址是否正确
