Project Overviewlink

Kindi is a multi-page HTML template designed for non-profit charitable organizations, providing a complete website page structure including common functional modules such as donations, events, news, and volunteer recruitment. The template is responsive and suitable for charities to quickly build an online platform.

Tech Stacklink

• HTML5 / CSS3
• JavaScript (jQuery)
• Bootstrap 5
• Font Awesome
• Google Fonts (Hind font)

Project Structurelink

kindihtml-10/
├── buyer-file/kindi/          # Template main directory
│   ├── index.html             # Homepage
│   ├── about.html             # About Us
│   ├── donation.html          # Donation page
│   ├── donation-now.html      # Donate Now
│   ├── event.html             # Event list
│   ├── event-list.html        # Event details
│   ├── news.html              # News list
│   ├── news-grid.html         # News grid
│   ├── volounteer.html        # Volunteer recruitment
│   ├── contact.html           # Contact page
│   ├── contact.php            # Contact form processing
│   ├── 404.html               # 404 page
│   └── assets/                # Static resources
└── documentation/             # Template documentation
    ├── index.html
    └── assets/

Core File Descriptionlink

• buyer-file/kindi/index.html — Main entry homepage of the template
• buyer-file/kindi/contact.php — Backend processing script for the contact form
• documentation/index.html — Template usage documentation page
• documentation/assets/css/style.css — Global styles and CSS variable definitions
• documentation/assets/js/main.js — Navigation and search interaction logic for the documentation site

Quick Startlink

This project is a pure static template with no dependencies to install:

1. Open buyer-file/kindi/index.html directly in a browser to preview the full template
2. Or use a local server (e.g., Live Server) to ensure all resources load correctly
3. Refer to documentation/index.html to understand the template structure and customization methods

Usage Suggestionslink

The template provides a rich set of page combinations. It is recommended to select and modify the corresponding pages based on actual business needs. Note that contact.php requires a PHP environment to properly handle form submissions.