项目简介
Wastewise 是一套专注于废弃物管理与回收行业的静态 HTML 网站模板，包含首页、服务、项目、博客、联系等完整业务页面。适合环保企业、再生资源公司或城市垃圾处理服务商快速搭建官网。模板基于 Bootstrap 构建，支持 4 种首页布局变体。
技术栈
- Bootstrap 5.x（CSS 框架）
- Swiper.js（轮播组件）
- jQuery + jQuery Marquee（滚动动画）
- Google Fonts（Plus Jakarta Sans、Inter）
- Font Awesome + icofont（图标库）
项目结构
text
wastewisehtml-10/Wastewise/Wastewise HTML/
├── index.html
├── homepage-2.html / homepage-3.html / homepage-4.html
├── services.html / services-2.html / service-single.html
├── projects.html / project-single.html
├── about.html / team.html / gallery.html
├── blog.html / blog-single.html
├── contact.html / contact.php
├── booking.html / booking.php
├── faq.html / pricing-table.html
├── css/
│ ├── bootstrap.min.css / bootstrap.rtl.min.css
│ ├── style.css（主样式）
│ ├── plugins.css / swiper.css / datepicker.css
├── js/
│ ├── custom-swiper-1.js
│ ├── custom-marquee.js
│ ├── plugins.js / swiper.js
│ ├── validation-booking.js / validation-contact.js
├── images/ / fonts/ / video/
└── documentation/DOCUMENTATION.html
核心文件说明
index.html— 主首页入口，含导航、轮播、服务概览等完整布局css/style.css— 主题全局样式，定义了色彩变量、排版、间距等css/bootstrap.min.css— Bootstrap 基础框架，提供响应式栅格和组件js/custom-swiper-1.js— 首页轮播配置，含自动播放和渐变切换效果js/validation-contact.js— 联系表单客户端验证逻辑contact.php/booking.php— 表单后端处理示例（需配合 PHP 环境）
快速开始
本项目为纯静态模板，无需构建工具。直接打开 index.html 即可在浏览器中预览。如需本地服务，可使用：
bash
# Python 3
python -m http.server 8000
# Node.js (npx)
npx serve .
访问 http://localhost:8000 查看效果。
使用建议
项目已包含 4 种首页风格，可直接复制 index.html 为 contact.html 等页面模板进行二次修改。如需表单功能，需部署至支持 PHP 的 Web 服务器。
