Gifall - Charity Nonprofit HTML Template

# 项目简介 Gifall 是一款面向非营利慈善机构的 HTML 模板，包含捐赠管理、活动发布、博客、商店和志愿者招募等完整功能模块。文档目录和实际模板文件分开放置，方便参考和二次开发。 ## 技术栈 - HTML5 + CSS3 - Bootstrap 3.3.4（文档）/ Bootstrap 5.x（模板） - jQuery - Font Awesome 图标 - Open Sans / Poppins 字体 ## 项目结构 ``` 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/ # 样式、图片等资源 ``` ## 核心文件说明 - `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` — 侧边栏锚点导航与滚动逻辑 ## 快速开始 直接用浏览器打开 `gifall-html-files/index.html` 即可预览完整模板；如需了解模板结构和使用方法，可查阅 `gifall-html-documentations/index.html` 中的文档说明。 ## 使用建议 `gifall-html-files/` 下的 30+ 个页面可直接修改内容和图片使用，适合快速搭建慈善机构官网；文档目录仅供查阅参考，无需在此目录下进行开发。