AidUs - 筹款和慈善 HTML 模板

# 项目简介 AidUs 是一款面向慈善与非营利组织的 HTML5 网站模板，提供完整的首页变体（3 套）、捐赠、志愿者、活动、博客、商店等页面。适合公益基金会、志愿者团队、在线捐款平台等场景。完全静态，无需构建，直接修改 HTML 即可使用。 ## 技术栈 - Bootstrap 5（CSS 框架） - 静态 HTML5 + CSS3 - jQuery + 多款轮播/弹窗插件（Owl Carousel、Slick、Magnific Popup） - PHP（仅用于 contact 表单邮件发送） ## 项目结构 ``` 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/ # 图片资源 ``` ## 核心文件说明 - `index.html` — 主首页入口，包含顶部栏、导航、英雄轮播、合作伙伴等区块 - `assets/sass/style.css` — 主题主样式（约 1600 行，覆盖所有页面区块的样式） - `assets/css/bootstrap.min.css` — Bootstrap 核心框架 - `mail-contact.php` — 联系表单提交后发送邮件的 PHP 处理脚本 - `donate.html` — 在线捐款页面模板 - `volunteer-*.html` — 志愿者招募与报名页面 ## 快速开始 1. 将 `aidus` 文件夹部署到任意 Web 服务器（或直接本地双击 `index.html`） 2. 若使用联系表单，需配置 PHP 邮件发送环境（修改 `mail-contact.php` 中的 `$to` 邮箱地址） 3. 用文本编辑器打开目标 HTML 文件，替换占位内容（Logo、图片、文字、联系方式）即可 ## 使用建议 - 多首页变体之间样式独立，若仅用一套，删除其余两套 `index-*.html` 以减少冗余 - 所有图标使用 Flaticon / FontAwesome，图标的 `class` 名称参考 `assets/fonts/flaticon_aidus.html`