Project Overviewlink

Donaty is a charity and nonprofit website landing page template developed by Laralink. It features a responsive full-screen layout and supports common charity organization functionalities such as donation forms, video popups, and image galleries. Suitable for nonprofit organizations, crowdfunding projects, volunteer recruitment, and similar scenarios.

Tech Stacklink

• HTML5 / CSS3 (Static Pages)
• Bootstrap 5.x
• jQuery
• Slick Slider (Carousel)
• WOW.js (Animation Effects)
• Light Gallery (Image Gallery)

Project Structurelink

donatyhtml-10/
└── Donaty - Template/
    ├── index.html              # Homepage
    ├── blog.html               # Blog List
    ├── blog-with-sidebar.html  # Blog with Sidebar
    ├── blog-details.html       # Blog Details
    └── assets/
        ├── css/
        │   ├── style.css        # Main Stylesheet
        │   ├── bootstrap.min.css
        │   ├── animate.css
        │   └── slick.min.css
        ├── js/
        │   ├── main.js          # Interaction Logic
        │   └── jquery.min.js
        ├── img/                 # Sample Images
        └── fonts/               # Icon Fonts

Core File Descriptionlink

• Donaty - Template/index.html — Homepage entry point, includes Hero carousel, donation popup, team showcase, and complete page structure
• assets/js/main.js — All interactive functionality (preloader, mobile menu, sticky navigation, counter, slider, and 17 other modules)
• assets/css/style.css — Main stylesheet defining theme colors, typography, spacing, and all component styles
• Donaty - Documentation/index.html — Official documentation with file structure explanation and customization guide

Quick Startlink

Simply open Donaty - Template/index.html in your browser to preview. For a local server:

# Using Python
python -m http.server 8000

# Using Node.js (npx)
npx serve

Usage Suggestionslink

• Replace all text and image paths on the homepage (replace placeholder images in assets/img/) before use
• The donation form is a frontend demo; integrate a payment gateway for actual payment functionality
• The template includes SASS files; quickly change the theme color by modifying SCSS variables