项目简介link

Aelpa 是一款面向慈善与非营利机构的 HTML5 多用途模板，提供 7 种不同场景的首页（教育、流浪者、募捐、野生动物、癌症救助、博物馆、海洋保护），内置捐赠、项目、博客、活动等完整页面模板，适合快速搭建公益组织或社会企业官网。

技术栈link

• Bootstrap v4
• Static HTML / HTML5
• jQuery
• Google Fonts（DM Sans、Catamaran、Kumbh Sans）
• Font Awesome

项目结构link

aelpa-package/
├── aelpa/
│   ├── index.html ~ index-7.html   # 7种首页
│   ├── about.html, blog-*.html     # 内容页
│   ├── donation-*.html, projects.html
│   ├── events.html, contact.html
│   ├── sendemail.php               # 邮件表单后端
│   └── assets/css/, js/, images/
└── documentation/
    └── index.html                  # 官方文档入口

核心文件说明link

• aelpa/index.html — 默认首页（教育类慈善）
• aelpa/index-3.html — 募捐类首页
• aelpa/contact.html — 联系页，含表单
• aelpa/sendemail.php — 表单提交处理脚本
• documentation/index.html — 内置使用文档
• assets/css/style.css — 主题样式主文件

快速开始link

直接用浏览器打开 aelpa/index.html 即可预览。若要使用联系表单，需将 sendemail.php 部署至支持 PHP 的服务器，并修改收件人邮箱地址。

使用建议link

选中合适的首页变体作为基础，替换 assets/images/ 中的占位图和 sendemail.php 中的收件人信息即可上线。模板内置了多级下拉菜单和响应式布局，无需额外配置。