项目简介link

Gifall 是一款面向非营利慈善机构的 HTML 模板，包含捐赠管理、活动发布、博客、商店和志愿者招募等完整功能模块。文档目录和实际模板文件分开放置，方便参考和二次开发。

技术栈link

• HTML5 + CSS3
• Bootstrap 3.3.4（文档）/ Bootstrap 5.x（模板）
• jQuery
• Font Awesome 图标
• Open Sans / Poppins 字体

项目结构link

gifallhtml-10/gifall-html-package/
├── gifall-html-documentations/     # 模板帮助文档
│   ├── index.html
│   ├── css/
│   │   ├── bootstrap.css
│   │   ├── font-awesome.css
│   │   ├── style.css              # 文档样式
│   │   └── scrollbar.css
│   ├── js/
│   │   ├── jquery.js
│   │   ├── script.js              # 文档交互逻辑
│   │   └── prism.js
│   ├── fonts/
│   └── images/
└── gifall-html-files/             # 实际模板文件
    ├── index.html
    ├── about.html
    ├── donation.html
    ├── blog.html
    ├── shop.html
    ├── events.html
    ├── contact.html
    └── assets/                    # 样式、图片等资源

核心文件说明link

• gifall-html-files/index.html — 网站首页，包含导航、幻灯片、捐赠入口
• gifall-html-files/donation.html — 在线捐赠页面
• gifall-html-files/volunteers.html — 志愿者招募表单页
• gifall-html-documentations/index.html — 模板文档首页，含使用说明
• gifall-html-documentations/css/style.css — 文档站点侧边栏样式
• gifall-html-documentations/js/script.js — 侧边栏锚点导航与滚动逻辑

快速开始link

直接用浏览器打开 gifall-html-files/index.html 即可预览完整模板；如需了解模板结构和使用方法，可查阅 gifall-html-documentations/index.html 中的文档说明。

使用建议link

gifall-html-files/ 下的 30+ 个页面可直接修改内容和图片使用，适合快速搭建慈善机构官网；文档目录仅供查阅参考，无需在此目录下进行开发。