Givewell - 慈善与捐赠 HTML5 模板 preview 1

Givewell - 慈善与捐赠 HTML5 模板

bookmark

Givewell 是一款面向慈善公益组织的响应式 HTML5 网站模板，提供首页、捐赠、活动、博客、商品、志愿者招募等完整页面，适合快速搭建公益捐赠平台或慈善机构官网。

HTML

项目简介

Givewell 是一款面向慈善公益组织的响应式 HTML5 网站模板，提供首页、捐赠、活动、博客、商品、志愿者招募等完整页面，适合快速搭建公益捐赠平台或慈善机构官网。

技术栈

  • HTML5 / CSS3（静态页面）
  • Bootstrap v5.1.3（响应式框架）
  • jQuery + 多种 jQuery 插件（轮播、灯箱、数字滚动等）
  • Google Fonts（DM Sans / Caveat）
  • Font Awesome / Flaticon（图标库）

项目结构

text
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

常见问题