
Wastia - 废物收集和处置服务 HTML5 模板
# 项目简介
Wastia 是一款专为废物清运与处理服务公司设计的 HTML5 商业网站模板,基于 Bootstrap 框架构建,提供首页、服务介绍、案例展示、在线购物、预约下单等完整页面。
## 技术栈
- HTML5
- Bootstrap 5
- CSS3
- Google Fonts (Fira Sans, Roboto)
- Font Awesome 5
## 项目结构
```
wastiahtml-10/main_files/
├── Documentation/
│ └── Documentation/
│ └── index.html (模板使用文档)
├── wastia/
│ ├── index.html (首页主页面)
│ ├── home-modern.html (现代风格首页)
│ ├── home-classic.html (经典风格首页)
│ ├── about-us.html (关于我们)
│ ├── services.html (服务列表)
│ ├── service-single.html (服务详情页)
│ ├── pricing.html (价格方案)
│ ├── shop.html (商品列表)
│ ├── shop-single.html (商品详情页)
│ ├── cart.html (购物车)
│ ├── blog.html (博客列表)
│ ├── blog-single-post.html (博客文章页)
│ ├── case-studies.html (案例研究列表)
│ ├── case-study-single.html(案例详情页)
│ ├── team.html (团队成员)
│ ├── testimonials.html (客户评价)
│ ├── careers.html (招聘页面)
│ ├── faqs.html (常见问题)
│ ├── contact-us.html (联系我们)
│ ├── locations.html (投递点分布)
│ ├── gallery.html (图片画廊)
│ ├── how-it-works.html (工作流程说明)
│ ├── request-pickup.html (预约清运表单)
│ └── assets/ (CSS、图片等静态资源)
```
## 核心文件说明
- `wastia/index.html` — 网站首页入口
- `wastia/assets/css/style.css` — 主样式文件
- `wastia/assets/css/icons.css` — 自定义图标样式
- `wastia/assets/css/libraries.css` — 第三方组件样式
- `wastia/request-pickup.html` — 预约清运服务表单页
- `Documentation/Documentation/index.html` — 模板定制文档
## 快速开始
直接在浏览器打开 `wastia/index.html` 即可预览,或使用任意本地服务器(如 `python -m http.server`)运行。
## 使用建议
模板提供三种首页变体,请根据品牌调性选择。定制颜色、Logo 等请参考 Documentation 目录下的使用文档。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML