Kindi – Charity and Donation HTML Template

# 项目简介 Kindi 是一款面向非营利慈善机构的多页面 HTML 模板，提供完整的网站页面结构，包括捐赠、活动、新闻、志愿者招募等常用功能模块。模板基于响应式设计，适合慈善组织快速搭建线上平台。 ## 技术栈 - HTML5 / CSS3 - JavaScript（jQuery） - Bootstrap 5 - Font Awesome - Google Fonts（Hind 字体） ## 项目结构 ``` kindihtml-10/ ├── buyer-file/kindi/ # 模板主体 │ ├── index.html # 首页 │ ├── about.html # 关于我们 │ ├── donation.html # 捐赠页面 │ ├── donation-now.html # 立即捐赠 │ ├── event.html # 活动列表 │ ├── event-list.html # 活动详情 │ ├── news.html # 新闻列表 │ ├── news-grid.html # 新闻网格 │ ├── volounteer.html # 志愿者招募 │ ├── contact.html # 联系页面 │ ├── contact.php # 联系表单处理 │ ├── 404.html # 404 页面 │ └── assets/ # 静态资源 └── documentation/ # 模板文档 ├── index.html └── assets/ ``` ## 核心文件说明 - `buyer-file/kindi/index.html` — 模板主入口首页 - `buyer-file/kindi/contact.php` — 联系表单后端处理脚本 - `documentation/index.html` — 模板使用文档页面 - `documentation/assets/css/style.css` — 全局样式及 CSS 变量定义 - `documentation/assets/js/main.js` — 文档站点的导航与搜索交互逻辑 ## 快速开始 本项目为纯静态模板，无需安装依赖： 1. 直接在浏览器中打开 `buyer-file/kindi/index.html` 预览完整模板 2. 或使用本地服务器（如 Live Server）打开以确保所有资源正常加载 3. 参考 `documentation/index.html` 了解模板结构与定制方式 ## 使用建议 模板提供了丰富的页面组合，建议根据实际业务需求选择对应页面进行修改替换。注意 `contact.php` 需要配合 PHP 环境才能正常处理表单提交。