Project Overview
Aelpa is an HTML5 multipurpose template designed for charities and non-profit organizations, offering 7 different homepage scenarios (Education, Homeless, Fundraising, Wildlife, Cancer Relief, Museum, Ocean Conservation). It includes complete page templates for donations, projects, blogs, events, etc., making it suitable for quickly building official websites for charitable organizations or social enterprises.
Tech Stack
- Bootstrap v4
- Static HTML / HTML5
- jQuery
- Google Fonts (DM Sans, Catamaran, Kumbh Sans)
- Font Awesome
Project Structure
aelpa-package/
├── aelpa/
│ ├── index.html ~ index-7.html # 7 homepage variants
│ ├── about.html, blog-*.html # Content pages
│ ├── donation-*.html, projects.html
│ ├── events.html, contact.html
│ ├── sendemail.php # Email form backend
│ └── assets/css/, js/, images/
└── documentation/
└── index.html # Official documentation entry
Core File Description
aelpa/index.html— Default homepage (Education charity)aelpa/index-3.html— Fundraising homepageaelpa/contact.html— Contact page with formaelpa/sendemail.php— Form submission processing scriptdocumentation/index.html— Built-in usage documentationassets/css/style.css— Main theme stylesheet
Quick Start
Simply open aelpa/index.html in your browser to preview. To use the contact form, deploy sendemail.php to a PHP-supported server and modify the recipient email address.
Usage Suggestions
Select the appropriate homepage variant as your base, replace the placeholder images in assets/images/ and the recipient information in sendemail.php, and you're ready to launch. The template includes built-in multi-level dropdown menus and responsive layout, requiring no additional configuration.
