Givewell - Charity & Donation HTML5 Template

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