ICT-Project is a responsive multi-page website designed for a Non-Governmental Organization (NGO). Developed as a first-semester ICT project, this website demonstrates core frontend web development skills using HTML, CSS, and Bootstrap.
The site features a cohesive dark greenish theme with light green accents, creating a professional and nature-centric aesthetic suitable for charitable organizations.
The project consists of six fully functional pages:
- 🏠 Home (
main.html): The landing page providing an overview of the NGO's mission. - ℹ️ About (
about.html): Details about the organization's history and vision. - 🏆 Achievements (
program.html): Showcases the NGO's programs, success stories, and milestones. - 🤝 Donate (
donate.html): A dedicated page to encourage user contributions and support. - 📞 Contact (
contact.html): Contains contact information and forms for user inquiries. - 🔐 Authentication:
- Login (
login.html): User access portal. - Signup (
signup.html): New user registration.
- Login (
- Custom Animations: Subtle CSS animations to enhance user engagement.
- Bootstrap Integration: Utilizes Bootstrap components for responsive layouts and modern styling.
- Consistent Theme: A carefully selected color palette (Dark Green / Light Green) ensuring visual consistency across all pages.
| Tech | Description |
|---|---|
| HTML | Structure and semantic markup of the web pages. |
| CSS | Custom styling, layout management, and color themes. |
| Bootstrap | Responsive framework for grid systems and UI components. |
ICT-Project/
│
├── main.html # Homepage
├── about.html # About Us page
├── contact.html # Contact page
├── donate.html # Donation page
├── login.html # Login page
├── signup.html # Registration page
├── program.html # Achievements/Programs page
│
├── imges.jfif # Website Assets & Images
├── lg1.jfif
├── ngo.avif
└── README.md # Project Documentation