A clean, responsive NGO awareness website created for the InAmigos Foundation internship task. The website presents the foundation's mission, projects, social impact, credentials, gallery, volunteer form, donation information, and contact details.
The objective of this project is to create a basic awareness webpage/website for an NGO using HTML and CSS. The site is designed to spread awareness about InAmigos Foundation projects, initiatives, impact, and ways for users to join, volunteer, donate, or connect.
- Responsive multi-page NGO website
- Homepage with hero section, NGO introduction, impact purpose, events, and call-to-action
- About page with official foundation background, credentials, initiatives, and impact
- Why Us page highlighting trust, transparency, certifications, and operating model
- Projects page with detailed project cards and Learn More expand sections
- Gallery page with visual field-work moments
- Volunteer page with application form and compact volunteer journey
- Donate page with donation/support information
- Contact page with address, email, phone, and inquiry form
- Mobile-friendly CSS-only hamburger navigation
- CSS-only hero background image slideshow
- CSS-only counters and subtle animations
- Footer with contact details, quick links, and social icons
| Page | File |
|---|---|
| Home | index.html |
| About | about.html |
| Why Us | why-us.html |
| Projects | projects.html |
| Gallery | gallery.html |
| Volunteer | volunteer.html |
| Donate | donate.html |
| Contact | contact.html |
- Project Seva
- Project Bachpanshala
- Project Jeev
- Project Udaan
- Project Prakriti
- Project Vikas
- Introduction about the NGO: Done
- Details of ongoing projects: Done
- Social impact and purpose: Done
- Images and visuals: Done
- Call-to-action buttons: Done
- Official information researched and used: Done
- Clean structure with headings and sections: Done
- HTML and CSS implementation: Done
- HTML5
- CSS3
- Google Fonts
- External image links from InAmigos Foundation public media
- Simple Icons CDN for footer social icons
No JavaScript is used in this project.
InAmigos-Awareness/
|-- README.md
|-- .gitignore
|-- index.html
|-- about.html
|-- why-us.html
|-- projects.html
|-- gallery.html
|-- volunteer.html
|-- donate.html
|-- contact.html
`-- style.css
Open index.html directly in a browser.
Recommended:
- Open the project folder.
- Open
index.htmlin Chrome, Edge, or any modern browser.
For deployment, publish the project root folder because the main index.html is now in the root.
The content is based on the official InAmigos Foundation website and publicly available foundation information, including its About, Projects, Gallery, credentials, initiatives, and impact details.
- This is a static frontend project.
- Forms are UI-only and do not submit data to a backend.
- Some social links may need to be replaced with official final URLs if available.
- External images/icons require internet access to load properly.
Created as part of the NGO Awareness Webpage Creation internship task.