URL(https://vidya-jyoti-ngo-ishagupta.netlify.app/#)
This is a static responsive website for Vidya Jyoti, an educational initiative aimed at providing quality education to underprivileged children in India. The website serves as a digital presence for the organization, showcasing its mission, programs, and ways to get involved.
- index.html: The landing/home page of the website. Includes a hero section, overview of the organization, initiatives, a membership form, and contact info.
- aboutus.html: Contains detailed information about the organization, its mission, vision, impact, and how users can help.
- programs.html: Lists the various educational programs such as Learning Centers, Tech for Education, Teacher Training, Scholarships, and Life Skills.
- style.css: Styling for the entire website, including layout, typography, animations, and responsive design.
- script.js: JavaScript functionality:
- Scroll-triggered animations using IntersectionObserver.
- Smooth scroll to "Get Involved" section.
- Membership form validation and popup modal for feedback.
- Images used (not included):
logo.png,home.jpg,tiger.jpg,education-initiative.jpg,OurInitiatives.jpg, etc.
- ✅ Responsive layout using Flexbox and CSS Grid.
- ✅ Scroll-triggered animations for enhanced user experience.
- ✅ Animated popup for form submission feedback.
- ✅ Membership form with validation (volunteer/sponsor/partner).
- ✅ Section navigation with internal anchor links.
- ✅ Clean, modular design using semantic HTML5 and CSS.
- Clone or download the project files.
- Make sure all image assets (e.g.,
logo.png,home.jpg) are present in the same directory. - Open
index.htmlin any modern web browser. - Use the navigation bar or buttons to explore the pages.
- This is a front-end only project with no backend/database functionality.
- Designed for educational and non-profit use.
- Best viewed on modern desktop and mobile browsers.
Isha Gupta
© 2025 Vidya Jyoti