Qlinest - 家庭清洁服务网站 HTML 模板

# 项目简介 Qlinest 是一款专为家政清洁服务设计的静态 HTML 网站模板，采用 Bootstrap 框架构建，兼容响应式布局。模板包含首页、关于我们、服务详情、博客、联系表单等完整页面，适用于清洁服务公司或个人工作室快速搭建官网。 ## 技术栈 - Bootstrap 5（响应式布局框架） - jQuery 3.x（DOM 操作与交互逻辑） - Font Awesome 6（图标库） - Slick Slider（轮播组件） - AOS（滚动动画库） - Odometer（数字滚动动画） - Tom Select（下拉选择框） - Google Fonts（Inter + Plus Jakarta Sans 字体） ## 项目结构 ``` qlinesthtml-10/ ├── Qlinest - Documentation/ # 模板使用文档 │ ├── index.html │ └── assets/css/style.css └── Qlinest - Template/ # 正式模板文件 ├── index.html # 首页 ├── about-us.html ├── blog.html ├── blog-details.html ├── contact-us.html ├── services.html ├── service-details.html └── assets/ ├── css/ # 所有样式文件 ├── fonts/ # 字体文件 └── img/ # 图片资源 ``` ## 核心文件说明 - `Qlinest - Template/index.html` — 首页入口，整合所有区块组件 - `assets/css/style.css` — 主样式表，定义配色、布局、排版 - `assets/js/main.js` — 交互逻辑（导航、轮播、数字动画、表单等） - `assets/css/bootstrap.min.css` — Bootstrap 基础样式 - `assets/css/fontawesome.min.css` — Font Awesome 图标 - `assets/css/slick.min.css` — Slick 轮播组件样式 ## 快速开始 1. 下载并解压模板文件 2. 进入 `Qlinest - Template` 文件夹 3. 直接用浏览器打开 `index.html` 即可预览 4. 如需本地服务器，可执行： ```bash # 使用 Python python -m http.server 8000 # 或使用 npx npx serve . ``` ## 使用建议 - 替换 `assets/img/` 中的占位图为实际业务图片 - 根据品牌需求修改 `style.css` 中的 CSS 变量（`--primary-color`、`--accent-color` 等） - 联系表单需后端支持才能正常收发邮件，可对接第三方表单服务