🌍 Decent Work & Economic Growth

A responsive static website built using HTML and CSS to spread awareness about UN Sustainable Development Goal 8 (SDG 8) — Decent Work and Economic Growth. The project highlights why inclusive growth matters and showcases real-world focus areas like green jobs, worker rights, and digital skills.

---

📌 Project Objective

The goal of this website is to:

• Educate users about SDG Goal 8
• Explain the importance of decent work and economic growth
• Present real-world stories related to employment and sustainability
• Practice clean UI design using only HTML and CSS

---

✨ Features

• 🧭 Simple navigation bar (Home, About, Gallery, Contact)
• 🎯 Hero section with clear SDG messaging
• 📖 “Why It Matters” informational section
• 🖼️ Story-based gallery cards
• 📱 Responsive design using CSS Grid & media queries
• 🎨 Clean typography and color contrast

---

🛠️ Tech Stack

• HTML5 – Page structure and content
• CSS3 – Styling, layout, and responsiveness
• Google Fonts (Roboto) – Typography

⚠️ No JavaScript or backend used — this is a fully static website.

---

📂 Project Structure

Decent-Work-Economic-Growth/
│
├── index.html        # Main website file
├── style.css         # Stylesheet
├── images/           # Image assets
│   ├── mirosoft.jpg
│   ├── greenjob.jpg
│   ├── digitalskills.jpg
│   ├── workrights.jpg
│   └── jobcreation.jpg
└── README.md         # Project documentation

---

📄 Section Overview

🏠 Home (Hero Section)

• Highlights the theme: Decent Work & Economic Growth
• Strong visual impact with bold colors and typography

ℹ️ About – Why It Matters

• Explains SDG Goal 8
• Emphasizes inclusive and sustainable economic growth

🖼️ Stories (Gallery Section)

Focus areas include:

• Microfinance Impact
• Green Jobs
• Digital Skills
• Worker Rights
• Job Creation

📩 Footer (Contact)

• Displays contact email
• Copyright information

---

🎯 Learning Outcomes

Through this project, you learn:

• Semantic HTML structure
• CSS Flexbox and Grid
• Responsive web design principles
• UI layout planning
• SDG-based content presentation

---

▶️ How to Run Locally

1. Download or clone the repository
2. Open index.html in any modern web browser
3. Resize the browser to see responsive behavior

No setup required ✅

---

🚀 Future Enhancements

• Add JavaScript animations or interactivity
• Include individual story detail pages
• Improve accessibility (ARIA labels, contrast)
• Deploy using GitHub Pages
• Add a contact form

---

🌐 References

• United Nations Sustainable Development Goals
• SDG 8: Decent Work and Economic Growth

---

📜 License

This project is intended for educational and non-commercial use only.

---

🙌 Built to support the UN SDGs

If you found this project useful, feel free to ⭐ star the repository or extend it further!