Project Overviewlink

Gifall is an HTML template designed for non-profit charitable organizations, featuring complete functional modules including donation management, event publishing, blog, shop, and volunteer recruitment. The documentation directory and actual template files are placed separately for easy reference and secondary development.

Tech Stacklink

• HTML5 + CSS3
• Bootstrap 3.3.4 (documentation) / Bootstrap 5.x (template)
• jQuery
• Font Awesome icons
• Open Sans / Poppins fonts

Project Structurelink

gifallhtml-10/gifall-html-package/
├── gifall-html-documentations/     # Template help documentation
│   ├── index.html
│   ├── css/
│   │   ├── bootstrap.css
│   │   ├── font-awesome.css
│   │   ├── style.css              # Documentation styles
│   │   └── scrollbar.css
│   ├── js/
│   │   ├── jquery.js
│   │   ├── script.js              # Documentation interaction logic
│   │   └── prism.js
│   ├── fonts/
│   └── images/
└── gifall-html-files/             # Actual template files
    ├── index.html
    ├── about.html
    ├── donation.html
    ├── blog.html
    ├── shop.html
    ├── events.html
    ├── contact.html
    └── assets/                    # Styles, images, and other resources

Core File Descriptionlink

• gifall-html-files/index.html — Homepage with navigation, slideshow, donation entry
• gifall-html-files/donation.html — Online donation page
• gifall-html-files/volunteers.html — Volunteer recruitment form page
• gifall-html-documentations/index.html — Template documentation homepage with usage instructions
• gifall-html-documentations/css/style.css — Documentation site sidebar styles
• gifall-html-documentations/js/script.js — Sidebar anchor navigation and scroll logic

Quick Startlink

Simply open gifall-html-files/index.html in your browser to preview the complete template; to understand the template structure and usage, refer to the documentation in gifall-html-documentations/index.html.

Usage Suggestionslink

The 30+ pages under gifall-html-files/ can be directly modified with custom content and images, making them suitable for quickly building a charity organization website; the documentation directory is for reference only and does not require development work within it.