Poolito - 清洁服务 HTML 模板

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