Project Overviewlink

Uphand is a responsive HTML5 website template designed for charitable and non-profit organizations, offering complete page components and interactive features suitable for public welfare project showcases, donation acceptance, event promotion, and similar scenarios.

Tech Stacklink

• HTML5 + CSS3
• Bootstrap 5.2.0 (main template) / Bootstrap 3 (documentation site)
• jQuery
• Font Awesome
• Google Fonts (DM Sans, Quicksand, Shadows Into Light Two)
• PHP (sendemail.php email form)

Project Structurelink

uphandhtml-10/Uphand pack/
├── Uphand/               # Main template (Bootstrap 5)
│   ├── index.html        # Homepage
│   ├── about.html / blog.html / cart.html / causes.html
│   ├── contact.html / checkout.html / events.html
│   ├── services.html / shop.html / team.html / testimonials.html
│   ├── sendemail.php     # Contact form backend
│   └── assets/           # CSS/JS/images and other resources
└── Doc/                  # Template documentation site (Bootstrap 3)
    ├── index.html
    └── css/ / js/ / images/

Core File Descriptionlink

• Uphand/index.html — Homepage entry point, demonstrates the overall template layout
• Uphand/sendemail.php — Contact form email sending logic, requires recipient email configuration
• Uphand/assets/css/style.css — Main stylesheet
• Doc/index.html — Template usage documentation, refer to for structure explanation
• Doc/css/style.css — Documentation site stylesheet

Quick Startlink

This is a static site; simply open Uphand/index.html in your browser to preview. To use the contact form, deploy the template to a PHP environment (e.g., Apache/Nginx) and modify the recipient information in sendemail.php.

Usage Recommendationslink

The template provides multiple homepage variants (index-2 through index-5) and an RTL mode toggle button — choose as needed. Remember to update the email address in sendemail.php before deployment, otherwise the form will not function properly.