Kindi – 慈善与捐赠 HTML 模板 preview 1

Kindi – 慈善与捐赠 HTML 模板

bookmark

Kindi 是一款面向非营利慈善机构的多页面 HTML 模板，提供完整的网站页面结构，包括捐赠、活动、新闻、志愿者招募等常用功能模块。模板基于响应式设计，适合慈善组织快速搭建线上平台。

HTMLbootstrap charity templatecharity campaign templatecharity event websitecharity html templatecharity organization websitecrowdfunding html templatedonation HTML template

项目简介

Kindi 是一款面向非营利慈善机构的多页面 HTML 模板，提供完整的网站页面结构，包括捐赠、活动、新闻、志愿者招募等常用功能模块。模板基于响应式设计，适合慈善组织快速搭建线上平台。

技术栈

  • HTML5 / CSS3
  • JavaScript（jQuery）
  • Bootstrap 5
  • Font Awesome
  • Google Fonts（Hind 字体）

项目结构

text
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 环境才能正常处理表单提交。

help_outline

常见问题