🌍 Bio-Diversity Information Website 🌿

An educational and interactive web platform exploring India's rich biodiversity, built as a collaborative Environmental Studies class project.

• The Story Behind This Project
• Key Features
• Tech Stack
• Installation and Usage
• File Structure
• Contribution
• License
• Screenshots
• Author

This project originally started as our first class group project for Environmental Studies (CV3003). We were a diverse group of 8 teams working together to cover different aspects of the subject.

At the time, it wasn't particularly good as we were all still learning things, and I didn't even have a laptop to make the changes I wanted! But I genuinely wanted to create something that looked like a real, premium platform.

My personal favorite pages are the Aquatic Diversity page (which surprisingly was my team's part in building!) and the Bio Diversity overview page. My least favorite ones are the Land Animals and Acts & Policies pages, simply because they have too much content to display perfectly, but we still tried our best!

If you like how it turned out, feel free to drop a star ⭐ or fork it 🍴!

• 📱 Fully Responsive: Adapts cleanly to mobile phones, tablets, and desktops.
• 🎨 Category-Specific Pages: Dedicated reading pages for 8 different topics including Conservation, Threats, Bio Geo Zones, and more.
• 🖼️ Modern UI/UX: Parallax scrolling effects, engaging hover animations, and a clean structural hierarchy.

• Structure: HTML5
• Styling: CSS3 (Flexbox, CSS Animations, Parallax Effects)
• Logic & Interactions: Vanilla JavaScript
• Fonts & Icons: Google Fonts (Poppins) and FontAwesome

Since this is a vanilla frontend application without a complex backend, getting it running is extremely simple.

git clone https://github.com/Dibyaranjan27/Bio-Diversity-Website.git
cd Bio-Diversity-Website

Simply open the index.html file in your preferred web browser.

/Bio-Diversity-Website
│
├── index.html # Main homepage
├── aboutus.html # About page with team member details
├── 1.Bio Diversity/ # Biodiversity information
├── 2.Conservation of Bio/ # Conservation methods
├── 3.Threats Of Biodiversity/ # Threats information
├── 4.Bio Geo/ # Biogeographic zones
├── 5.Land Animals/ # Land animals information
├── 6.Aquatic animal/ # Aquatic animals information
├── 7.Statictics/ # Wildlife statistics
├── 8.Acts And Policies/ # Environmental policies
├── global.css # Core custom styles and responsive tweaks
├── style.css # Homepage styles
├── img/ # Contains all images and graphics
└── README.md # This file

Feel free to contribute to this project! Fork the repository, make your improvements, and submit a pull request. All contributions are welcome.

This project is open-source and available under the MIT License.

Crafted with pixels & passion by
Dibyaranjan Maharana (and the AMTICs Teams)
GitHub | LinkedIn