Charity – Free Non-Profit Responsive Bootstrap Website Template

Charity – Free Non-Profit Responsive Bootstrap Website Template

Charity is a free nine-page non-profit website template built on Bootstrap 5 — designed and maintained in-house by uiCookies. It gives a charity, foundation, or NGO a complete site out of the box: a bold home, an about/our-story page, a causes list with single-cause detail, a donate page, gallery, news, testimonials, and contact — all sharing one warm, photo-led design.

The template ships jQuery-free. The feature carousels, gallery lightbox, scroll-in animations, and the auto-hiding navigation are all plain vanilla JavaScript — the carousels use CSS scroll-snap and the lightbox is a small custom script, so there are no jQuery, Owl, Magnific, or Waypoints dependencies anywhere.

What’s included

• Home — full-screen hero with donation, volunteer, and scholarship calls to action
• About — an our-story layout with alternating image and text rows
• Causes & single cause — a campaign grid with progress bars and a detail page
• Donate — a donation form ready to wire to your payment flow
• Gallery, News & Testimonials — a lightbox gallery, blog listing, and quotes
• Contact — a labelled, accessible contact form with details

At a glance

• Bootstrap 5 with no jQuery and no plugin dependencies
• Vanilla JavaScript: scroll-snap carousels, custom lightbox, IntersectionObserver animations, auto-hiding navbar
• Nine ready HTML pages sharing one design system
• Accessible: labelled forms, aria-labelled controls, keyboard-operable lightbox
• Icon font and demo images included

How to use

Download, unzip, and open index.html — there is no build step. Swap the demo photos and copy for your own, edit the causes and progress figures, wire the donate and contact forms to your backend, and deploy to any static host. Colors and typography live in css/style.min.css, with the Bootstrap 5 adjustments in css/template-bs5.css.

FAQ

Can I use Charity in commercial projects?

Yes — Charity follows the standard uiCookies license. Attribution details are on the license page.

Does Charity require jQuery?

No. The template is jQuery-free — every interaction is plain JavaScript, and the interactive components use Bootstrap 5’s own bundle.

Designed & written by ui cookies

Aigars is the founder of Colorlib and uiCookies and has been designing and shipping free website templates since 2013. Every template and UI pack on uiCookies is designed and maintained in-house.

XLinkedInMore about uiCookies →