Skip to content

rachanadutta/NGO_website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌱 NGO Website (Front-End Project)

This is a fully responsive website for an NGO, built using HTML, Tailwind CSS, and JavaScript. It includes multiple sections and pages to inform, engage, and allow users to get involved through volunteering or donations.

πŸ”— Deployed Link: https://rachanadutta.github.io/NGO_website/


🌟 Key Features:

🧭 Navigation Bar:

  • πŸ–ΌοΈ Logo on the left, with navigation links: Home, About, Volunteer, and Donate
  • πŸ“± Collapsible navbar on mobile devices for a clean, responsive design
  • πŸ”— Each link routes to a separate page

🏠 Home Page:

  • πŸ’₯ Eye-catching Hero Section
  • ℹ️ Contains introduction, mission, and general information about the NGO

πŸ‘₯ About Page:

  • πŸ“ Description of the NGO's vision, mission, and ongoing projects

πŸ™‹ Volunteer Page:

  • 🧾 Includes a volunteer registration form
  • ❗ Since there's no backend, the form is only visually functional (no actual data submission)

πŸ’– Donate Page:

  • πŸ’³ Contains a donation form with fields like name, amount, and payment options
  • ❗ This form is also front-end only, with no submission logic

🦢 Footer:

  • ©️ Displays copyright
  • πŸ“ž Placeholder for contact/social links (if added)

πŸ›  Technologies Used:

  • 🧱 HTML5
  • πŸ’¨ Tailwind CSS
  • βš™οΈ JavaScript (Vanilla)

πŸ“„ Pages Included:

  • 🏠 index.html – Home page with hero and general info
  • πŸ“– about.html – About the NGO
  • πŸ™‹ volunteer.html – Volunteer form
  • πŸ’– donate.html – Donation form

All styles are handled using Tailwind, and interactions (like the mobile navbar toggle) are handled with basic JavaScript.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages