Charity

Charity is a free one-page HTML5 website template from ThemeWagon and Colorlib for fundraising, charity, and non-profit organizations, built on Bootstrap 4 with a functional donation form.

What is Charity?

Charity is a free one-page HTML5 and CSS3 website template created by Colorlib and distributed through ThemeWagon, built to give fundraising, charity, and non-profit causes a clean landing page. It takes content such as mission text, images, and donation details and outputs a responsive web page with a working donation form backed by a PHP file. The package contains 1 HTML file, 7 CSS files, 10 JavaScript files, SCSS source files, 1 PHP file, and demo images, so everything needed to deploy a campaign page is included.

Key Features

Charity bundles a set of practical features that make it suitable for a nonprofit landing page.

• One Page Layout — All sections sit on a single scrolling page, making navigation straightforward for visitors.
• Bootstrap 4 Framework — The template uses Bootstrap 4 for its responsive grid and layout utilities, compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari.
• Functional Donation Form — A donation form is ready to use, including a PHP file that processes donations from benefactors.
• Parallax Background — Parallax scrolling effects are applied to selected segments to add visual depth.
• Gradient Effects — Particular sections use gradient color overlays for emphasis.
• On-Hover Animations — Interactive elements respond with hover effects for better engagement.
• Icon Libraries — Includes Font Awesome 4.7.0, Linear Icons, and an Owl Carousel slider, plus Nice Select and Magnific Popup for forms and lightboxes.
• Well-Commented Files — HTML, CSS, and JavaScript files come with comments, and the template includes extensive documentation to guide customization.

Who is it for?

Charity is designed for organizations and individuals who need to launch a donation-focused web presence with minimal effort. Non-profit organizations, fundraising campaigns, and NGOs can set up a mission page with a donation form quickly. Volunteer groups without technical staff can use the one-page structure to present their cause, and developers can use the SCSS source files and Bootstrap 4 grid as a starting point for client projects.

What can you do with Charity?

Charity supports several concrete use cases thanks to its one-page structure and donation form.

• Non-profits: launch a one-page campaign with a mission statement, image-heavy hero section, and a PHP-backed donation form.
• Fundraisers: run a time-sensitive giving drive and embed social media icons in the footer to spread the word.
• Developers: customize the template using the included SCSS files and commented code, then replace demo images with client assets.

Pros and cons

Charity's main trade-offs come from its age and open-source nature.

Pros

• Free download with open-source license.
• Commercial use allowed and lifetime free updates.
• Cross-browser compatible (Chrome, Edge, Firefox, Mobile, Opera, Safari).
• Includes a working donation form with a PHP file.

Cons

• Built on older versions: Bootstrap 4, jQuery v2.2.4, FontAwesome 4.7.0.
• Last updated 4 years ago (version 1).

Pricing

Charity is free to download from ThemeWagon. It is open source and can be used in commercial projects with lifetime free updates.

FAQ

Here are answers to common questions about the Charity template.

Is Charity free?

Yes, the template is free to download from ThemeWagon. It is open source, and the license allows use in commercial projects with lifetime free updates.

What is included in the Charity template package?

The package includes 1 HTML file, 7 CSS files, 10 JavaScript files, SCSS source files, 1 PHP file for the donation form, and demo images.

Which frameworks does Charity use?

Charity is built on Bootstrap 4 and uses jQuery v2.2.4, FontAwesome 4.7.0, Owl Carousel, Nice Select, and Magnific Popup. It also includes Linear Icons.

Does the donation form work out of the box?

The donation form comes with a PHP file, so it can process donations when hosted on a PHP-enabled server. You will need to configure the PHP file and connect it to your payment processor or email.

Can I customize the Charity template?

Yes, the HTML, CSS, and JavaScript files are well-commented, and SCSS source files are included for styling. The template also ships with extensive documentation to guide customization.