项目简介link

AidUs 是一款面向慈善与非营利组织的 HTML5 网站模板，提供完整的首页变体（3 套）、捐赠、志愿者、活动、博客、商店等页面。适合公益基金会、志愿者团队、在线捐款平台等场景。完全静态，无需构建，直接修改 HTML 即可使用。

技术栈link

• Bootstrap 5（CSS 框架）
• 静态 HTML5 + CSS3
• jQuery + 多款轮播/弹窗插件（Owl Carousel、Slick、Magnific Popup）
• PHP（仅用于 contact 表单邮件发送）

项目结构link

aidushtml-10/aidus/
├── index.html              # 主首页（第1套）
├── index-2.html            # 首页变体2
├── index-3.html            # 首页变体3
├── about.html / contact.html
├── donate.html / causes.html
├── event.html / project.html
├── blog*.html / volunteer*.html
├── shop*.html / cart.html / checkout.html
├── mail-contact.php         # 联系表单后端
└── assets/
    ├── css/                 # 所有样式表
    ├── fonts/               # 图标字体（FontAwesome、Slick 等）
    └── images/              # 图片资源

核心文件说明link

• index.html — 主首页入口，包含顶部栏、导航、英雄轮播、合作伙伴等区块
• assets/sass/style.css — 主题主样式（约 1600 行，覆盖所有页面区块的样式）
• assets/css/bootstrap.min.css — Bootstrap 核心框架
• mail-contact.php — 联系表单提交后发送邮件的 PHP 处理脚本
• donate.html — 在线捐款页面模板
• volunteer-*.html — 志愿者招募与报名页面

快速开始link

1. 将 aidus 文件夹部署到任意 Web 服务器（或直接本地双击 index.html）
2. 若使用联系表单，需配置 PHP 邮件发送环境（修改 mail-contact.php 中的 $to 邮箱地址）
3. 用文本编辑器打开目标 HTML 文件，替换占位内容（Logo、图片、文字、联系方式）即可

使用建议link

• 多首页变体之间样式独立，若仅用一套，删除其余两套 index-*.html 以减少冗余
• 所有图标使用 Flaticon / FontAwesome，图标的 class 名称参考 assets/fonts/flaticon_aidus.html