Toggle navigation

Donity – Charity & Donation HTML5 Template for Nonprofits

Version 1.0.0

Donity is a modern and versatile HTML5 template designed specifically for charity, fundraising, nonprofit organizations, NGOs, and donation campaigns. With its clean, user-friendly interface and fully responsive design, Donity ensures a seamless experience across all devices, from desktops to tablets and mobile phones. Ideal for organizations aiming to raise awareness, engage volunteers, or promote donation drives, Donity comes with multiple homepage variations, beautifully designed sections, and functional elements that allow you to build a fully operational fundraising website with ease. The template is perfect for causes such as environmental initiatives, social organizations, religious institutions, and governmental programs. Donity offers pre-designed pages for showcasing causes, events, teams, and testimonials, ensuring your charity’s mission is front and center. Built on Bootstrap, this template guarantees both flexibility and performance. With Donity, you have all the tools you need to create a professional, engaging, and impactful online presence for your nonprofit project.

Features Overview

  • 6 Homepage Variations
  • 15 Pages
  • Creative Layout
  • Responsive in Any Device
  • Creative Layout
  • Based on Bootstrap v5.2.3
  • Fast, Lightweight and Powerful
  • Smooth Transition Effects
  • Integrated with Fantastic Custom Font icon
  • W3C Validated
  • Well Commented Code
  • Easily Customizable
  • Google Fonts
  • Detailed Documentation

Installation

Follow the steps below to set up your site template:

  1. Unzip the downloaded package and open the Template folder to find all the template files.
    You will get Donity folder in there. You need to upload this folder to your hosting website.
    server using FTP or cPanel in order to use it on your website.
  2. Below is the folder structure you will see in your website root directory:
    • Donity/assets/css – Stylesheet files
    • Donity/assets/css/iconly.css Icon/fonts files
    • Donity/assets/images – Image files
    • Donity/assets/js – JS files
  3. You need to upload all or specific HTML files as per your needs.
  4. And now you are ready to go to generate your website with this awesome template.

HTML Structure

We are using the Bootstrap Latest Version v5.2.3 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.

All Pages

Introduce Donity All Pages

  • index.html is ====> Home One

  • home-two.html is ====> Home Two

  • home-three.html is ====> Home Three

  • home-four.html is ====> Home Four

  • home-five.html is ====> Home Five

  • home-six.html is ====> Home Six

  • donate-page.html is ====> Donate Page

  • team-one.html is ====> Team One Page

  • team-two.html is ====> Team Two Page

  • team-three.html is ====> Team Three

  • about.html is ====> About Page

  • services.html is ====> Services Page

  • services-details.html is ====> Services Details Page

  • Project.html is ====> Project Page

  • project-details.html is ====> Project Details Page

    • blog.html is ====> Blog Post

  • blog-single.html is ====> Blog Details Page

  • faq.html is ====> Faq Post

  • contact.html is ====> Contact Us Page

CSS Structure

The style.css file contains all of the specific stylings for the page. The file is separated into sections using:

  • bootstrap.min.css

    This file includes core bootstrap styles

    Source

  • iconly.css

    This file include iconly font icon

  • iconsax-style.css

    This file include iconsax font icon

  • lity.min.css

    This file includes Lity popup.

  • slick.css

    This file contains styles about slick carousel plugin

    Source

  • tabanimation.css

    This file contains styles about tabs

  • style.css

    All styles about template

JavaScripts

  • jQuery 3.6.0

    jQuery is a fast, small, and feature-rich JavaScript library.

    Source

  • bootstrap.min.js

    Core bootstrap js file

    Source

  • gsap.js

    GSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build
    high-performance animations that work in every major browser.

    Source

  • slick.min.js

    jQuery carousel plugin from Slick

    Source

  • ScrollTrigger.min.js

    Scrolltigger is work for animation reveal with GSAP

  • locomotive-scroll.min.js

    A lightweight script to Smooth Scroll

  • main.js

    This file contains all script about site.

Credits