This project is a responsive website built using HTML and CSS for an NGO (Non-Governmental Organization). The website aims to create awareness about the NGO’s mission, display ongoing projects, and provide a platform for donations and volunteer signups.
- Home Page: Showcases the NGO’s vision and mission. 🏠
- About Us Page: Highlights the history, team, and achievements of the organization. 🧑🤝🧑
- Projects Page: Provides details of ongoing and past projects with visual elements. 📂
- Contact Page: Includes a form for inquiries and details for direct contact. 📞
- Responsive Design: Fully optimized for desktop, tablet, and mobile devices. 📱
To run or modify this project, you will need:
- A modern web browser for testing. 🌐
- A code editor such as Visual Studio Code. 🖊️
- Clone the repository:
git clone https://github.com/your-username/ngo-website.git
- Navigate to the project directory:
cd ngo-website
- Open
index.html
in your preferred web browser to view the website.
ngo-website/
│
├── index.html # Homepage of the website
├── about.html # About Us page
├── projects.html # Projects page
├── contact.html # Contact Us page
├── css/
│ └── styles.css # Main CSS file for styling
├── images/
│ └── ... # Images used in the website
└── README.md # Project documentation
- Open the website in a browser by opening the
index.html
file. - Navigate through the pages using the menu. 🧭
- Explore the NGO’s mission, projects, and contact options. 💡
We welcome contributions to improve the website. If you'd like to contribute:
- Fork the repository. 🍴
- Create a new branch:
git checkout -b feature-branch-name
- Make your changes and commit:
git commit -m "Add new feature or fix bug"
- Push your changes:
git push origin feature-branch-name
- Create a pull request. 🔄
- Inspiration from various NGO websites. 🌈
- Icons and design ideas from free web design resources. 🎨