Wastewise - 废物管理处置和回收网站模板

# 项目简介 Wastewise 是一套专注于废弃物管理与回收行业的静态 HTML 网站模板，包含首页、服务、项目、博客、联系等完整业务页面。适合环保企业、再生资源公司或城市垃圾处理服务商快速搭建官网。模板基于 Bootstrap 构建，支持 4 种首页布局变体。 ## 技术栈 - Bootstrap 5.x（CSS 框架） - Swiper.js（轮播组件） - jQuery + jQuery Marquee（滚动动画） - Google Fonts（Plus Jakarta Sans、Inter） - Font Awesome + icofont（图标库） ## 项目结构 ``` 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 服务器。