Uphand - 非营利慈善机构 HTML 模板

# 项目简介 Uphand 是一套面向慈善与非营利组织的响应式 HTML5 网站模板，提供完整的页面组件与交互功能，适合用于公益项目展示、捐款接受、活动宣传等场景。 ## 技术栈 - HTML5 + CSS3 - Bootstrap 5.2.0（主模板）/ Bootstrap 3（文档站） - jQuery - Font Awesome - Google Fonts（DM Sans、Quicksand、Shadows Into Light Two） - PHP（sendemail.php 邮件表单） ## 项目结构 ``` uphandhtml-10/Uphand pack/ ├── Uphand/ # 正式模板（Bootstrap 5） │ ├── index.html # 首页 │ ├── about.html / blog.html / cart.html / causes.html │ ├── contact.html / checkout.html / events.html │ ├── services.html / shop.html / team.html / testimonials.html │ ├── sendemail.php # 联系表单后端 │ └── assets/ # CSS/JS/图片等资源 └── Doc/ # 模板文档站（Bootstrap 3） ├── index.html └── css/ / js/ / images/ ``` ## 核心文件说明 - `Uphand/index.html` — 首页入口，演示模板整体布局 - `Uphand/sendemail.php` — 联系表单邮件发送逻辑，需配置收件邮箱 - `Uphand/assets/css/style.css` — 主样式文件 - `Doc/index.html` — 模板使用文档，可参考结构说明 - `Doc/css/style.css` — 文档站样式 ## 快速开始 纯静态站点，直接在浏览器打开 `Uphand/index.html` 即可预览。如需使用联系表单，将模板部署到 PHP 环境（如 Apache/Nginx）后修改 `sendemail.php` 中的收件人信息。 ## 使用建议 模板提供多套首页变体（index-2 ~ index-5）及 RTL 模式切换按钮，可按需选择；部署前记得更新 `sendemail.php` 中的邮箱地址，否则表单无法正常投递。