Glowz - 清洁服务 HTML5 模板 preview 1

Glowz - 清洁服务 HTML5 模板

bookmark

Glowz 是一款面向清洁服务行业的 HTML5 网站模板，提供首页、博客、商店、团队、FAQ 等完整页面，适用于保洁公司或个人服务者快速搭建展示型官网。纯静态模板，无需安装额外运行时。

HTMLbootstrapbuilderscleaningcleaning companycleaning serviceelectricianengineer

项目简介

Glowz 是一款面向清洁服务行业的 HTML5 网站模板，提供首页、博客、商店、团队、FAQ 等完整页面，适用于保洁公司或个人服务者快速搭建展示型官网。纯静态模板，无需安装额外运行时。

技术栈

  • HTML5 + CSS3 + JavaScript（原生）
  • Bootstrap v5.0.1（响应式布局）
  • SASS（样式源文件）
  • jQuery（交互逻辑）
  • PHP（仅用于联系表单邮件发送）

项目结构

text
glowzhtml-10/downloadable/
├── glowz/                          # 实际模板目录
│   ├── index.html                  # 首页
│   ├── index-2.html / index-3.html # 首页变体
│   ├── about.html                  # 关于我们
│   ├── contact.html                # 联系页面
│   ├── appoinment.html             # 预约页面
│   ├── shop.html / shop-single.html# 商城相关
│   ├── blog*.html                  # 博客相关页面
│   ├── project*.html               # 案例/作品集
│   ├── team*.html                  # 团队页面
│   ├── faq.html                    # 常见问题
│   ├── 404.html                    # 错误页
│   ├── mail-contact.php            # 表单邮件处理
│   ├── htaccess                    # Apache 配置
│   └── assets/                     # 静态资源
│       ├── css/                    # 样式文件
│       ├── js/                     # 脚本文件
│       ├── images/                 # 图片资源
│       └── sass/                   # SASS 源文件
└── documentation/                  # 模板使用文档

核心文件说明

  • glowz/index.html — 首页入口，包含导航、轮播、服务展示等完整布局
  • glowz/assets/sass/style.scss — SASS 样式源文件，编译后输出 CSS
  • glowz/assets/js/script.js — 页面交互逻辑（导航、滚动、动画等）
  • glowz/mail-contact.php — 联系表单提交后发送邮件的 PHP 处理脚本
  • glowz/assets/css/bootstrap.min.css — Bootstrap 5 核心样式
  • glowz/assets/images/ — Logo、图标、占位图等图片资源

快速开始

  1. 将 glowz 文件夹部署到 Web 服务器（如 Apache/Nginx）或本地开发环境
  2. 确保服务器支持 PHP（仅联系表单需要），若不使用表单功能也可纯静态运行
  3. 直接在浏览器访问 index.html，或通过本地服务器（如 php -S localhost:8000）打开
  4. 编辑各 HTML 文件内容替换文案和图片即可

使用建议

  • 实际部署时需修改 mail-contact.php 中的 $to 邮箱地址，并确保服务器已开启 mail() 函数
  • 模板使用 SASS 管理样式，有定制需求时建议直接修改 assets/sass/ 下的源文件再重新编译
help_outline

常见问题