
Givewell - Charity & Donation HTML5 Template
# 项目简介
Givewell 是一款面向慈善公益组织的响应式 HTML5 网站模板,提供首页、捐赠、活动、博客、商品、志愿者招募等完整页面,适合快速搭建公益捐赠平台或慈善机构官网。
## 技术栈
- HTML5 / CSS3(静态页面)
- Bootstrap v5.1.3(响应式框架)
- jQuery + 多种 jQuery 插件(轮播、灯箱、数字滚动等)
- Google Fonts(DM Sans / Caveat)
- Font Awesome / Flaticon(图标库)
## 项目结构
```
givewell-pack/
├── 01-html-file/ # 模板主体文件
│ ├── index.html # 首页
│ ├── donation.html # 捐款页面
│ ├── donate-now.html # 立即捐赠
│ ├── events.html # 活动列表
│ ├── blog.html # 博客列表
│ ├── products.html # 商品/义卖
│ ├── Volunteers.html # 志愿者
│ ├── login.html # 登录
│ ├── sign-up.html # 注册
│ ├── contact.html # 联系页面
│ └── assets/ # CSS/JS/图片等静态资源
└── 02-documentation-file/ # 说明文档
```
## 核心文件说明
- `01-html-file/index.html` — 网站首页,包含 Banner、统计数据、捐赠表单等模块
- `01-html-file/donate-now.html` — 单次捐赠表单页面
- `01-html-file/events.html` — 慈善活动列表页
- `01-html-file/products.html` — 商品/义卖展示页
- `01-html-file/assets/css/style.css` — 主样式文件,汇总各模块 CSS
- `02-documentation-file/index.html` — 官方说明文档
## 快速开始
本项目为纯静态站点,直接在浏览器中打开 `01-html-file/index.html` 即可预览。如需部署到服务器,将 `01-html-file` 文件夹内容上传即可。
## 使用建议
该模板已内置捐赠表单、志愿者报名、活动管理等模块,建议直接修改 `style.css` 中的品牌色和文案内容即可投入使用,无需额外开发。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML