King Clinton Children Foundation (KCCF)

Welcome to the official repository for the King Clinton Children Foundation (KCCF)! This repository houses the source code, assets, and documentation for KCCF’s official landing website, donation platform, and community engagement tools.

🚀 Project Overview

The King Clinton Children Foundation is a non-profit organization committed to empowering children and creating opportunities for their future. This repository focuses on building and maintaining a robust digital presence to support our mission.

Key Features:

🚀 Features

• Donation System
  A secure, user-friendly platform that supports multiple payment gateways such as Stripe and Paystack, enabling seamless contributions from donors worldwide.
• Volunteer Sign-Up
  A straightforward registration system for individuals eager to join our mission and help us make a lasting impact.
• Program Stories
  Dynamic pages featuring inspiring stories and updates from our various projects, providing a window into how our initiatives are changing lives.
• Project Gallery
  A visual collection of photos showcasing our work, including events, milestones, and program highlights, offering supporters a deeper connection to our mission.
• Easy Contact
  Simplified communication options, including an email integration, direct messaging features, and direct calling (for mobile), making it easy to reach us for inquiries, partnerships, or support.

---

🛠️ Tech Stack

This repository is built using modern web technologies:

• Stack:

  • HTML5, CSS3, JavaScript (paystack payment integration with payment security)
  • Responsive design powered by CSS3 (Pure CSS)

• Tools & Infrastructure:

  • Version Control: Git/GitHub
  • Hosting: Samorl Hosting Solutions ( https://cp.samorlhosting.com/ )

---

📂 Folder Structure

root/
├── static/                     # Static assets folder
│   ├── css/                    # CSS files for styling
│   │   ├── style.css
│   │   ├── footer.css
│   │   ├── header.css
│   │   ├── donation_page.css
│   │   ├── team.css
│   │   └── gallery.css
│   ├── js/                     # JavaScript files for interactivity
│   │   ├── script.js
│   │   └── payment.js
│   └── media/                  # Media files (images, videos, etc.)
│       └── [all images used in the project]
├── index.html                  # Homepage
├── gallery.html                # Gallery page
├── donation_page.html          # Donation page
└── team.html                   # Team page