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

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

bookmark

Uphand 是一套面向慈善与非营利组织的响应式 HTML5 网站模板,提供完整的页面组件与交互功能,适合用于公益项目展示、捐款接受、活动宣传等场景。

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 邮件表单)

项目结构

text
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 中的邮箱地址,否则表单无法正常投递。

help_outline

常见问题