🌍 GreenEarth – Environmental Awareness Landing Page

GreenEarth is a modern, eco-themed landing page designed to spread awareness about environmental protection, sustainability, and green lifestyle practices.
This project is built using HTML, Tailwind CSS, and vanilla JavaScript, with a clean design and nature-inspired visuals.

---

✨ Features

🌱 Elegant Eco-Friendly UI

• Beautiful hero section with leaf graphics
• Smooth layout optimized for both desktop & mobile

📄 Informative Sections

• About section explaining environmental mission
• Icons & images to visually represent the message

⚡ Lightweight & Fast

• No heavy frameworks
• Tailwind CSS for rapid styling
• Simple JavaScript for interactions

---

🏗️ Tech Stack

Component	Technology
Frontend	HTML5, CSS3 (Tailwind), JavaScript
Assets	PNG Images
Build Tool	Tailwind CLI

---

📦 Project Structure

GreenEarth/
│── index.html
│── tailwind.config.js
│── script/
│   └── index.js
│── assets/
│   ├── about.png
│   ├── hero-leaf1.png
│   ├── hero-leaf2.png
│── README.md

---

🚀 Getting Started

1️⃣ Clone the repository

git clone https://github.com/your-username/GreenEarth.git

2️⃣ Open the project folder

cd GreenEarth

3️⃣ Install Tailwind CSS (if you want to modify styles)

npm install

4️⃣ Build Tailwind (watch mode)

npx tailwindcss -i ./input.css -o ./output.css --watch

🧾 License

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

---

👨‍💻 Author

Md Rakib Ali - GreenEarth Project Developer

---