项目简介link

Qlinest 是一款专为家政清洁服务设计的静态 HTML 网站模板，采用 Bootstrap 框架构建，兼容响应式布局。模板包含首页、关于我们、服务详情、博客、联系表单等完整页面，适用于清洁服务公司或个人工作室快速搭建官网。

技术栈link

• Bootstrap 5（响应式布局框架）
• jQuery 3.x（DOM 操作与交互逻辑）
• Font Awesome 6（图标库）
• Slick Slider（轮播组件）
• AOS（滚动动画库）
• Odometer（数字滚动动画）
• Tom Select（下拉选择框）
• Google Fonts（Inter + Plus Jakarta Sans 字体）

项目结构link

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/                  # 图片资源

核心文件说明link

• 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 轮播组件样式

快速开始link

1. 下载并解压模板文件
2. 进入 Qlinest - Template 文件夹
3. 直接用浏览器打开 index.html 即可预览
4. 如需本地服务器，可执行：

# 使用 Python
python -m http.server 8000

# 或使用 npx
npx serve .

使用建议link

• 替换 assets/img/ 中的占位图为实际业务图片
• 根据品牌需求修改 style.css 中的 CSS 变量（--primary-color、--accent-color 等）
• 联系表单需后端支持才能正常收发邮件，可对接第三方表单服务