🚀 Click here to view the live website →
in any browser — no server required.
"A garden is a love song, a duet between a human being and Mother Nature."
The Garden Shed is a full landscaping company website built from scratch with pure HTML & CSS. It offers customers everything from garden design inspiration to booking consultations — all wrapped in a warm, nature-inspired experience.
⚠️ Note: This is a fictional company and website created purely for educational purposes.
This was my first ever website — built during my Internet Application Development course at university, and I'm proud of every leaf of it 🍃
Top grade in both the course and the project
| Page | Description |
|---|---|
| 🏠 Home | Hero landing page with company intro & services overview |
| 🛠️ Services | Full list of landscaping services offered |
| 👩🌾 About Us | Company story, mission & team profile |
| 📬 Contact Us | Consultation booking form |
| 🌸 Garden Ideas | 12 garden design inspirations with images |
| 💧 Watering Tips | 10 golden rules for plant care |
| 🌿 Fertilizer Guide | Types, forms & how to use fertilizers |
| 📐 Plant Spacing | Calculator guide for trees & flowers |
| ⭐ Customer Reviews | Testimonials from happy clients |
| 🔒 Privacy Policy | Warranty & maintenance policy |
| 🔑 Login / Sign Up | User authentication pages |
| 💚 Thank You Page | Post-consultation confirmation |
🌿 garden-shed-website/
│
├── 📄 project_leenX.html ← Homepage
├── 📄 hind.html ← Services
├── 📄 about-us.html ← About Us
├── 📄 project_leen-contact.html ← Contact
├── 📄 project-anwarX.html ← Customer Reviews
├── 📄 garden.html ← Garden Care Tips
├── 📄 garden-idea.html ← Garden Design Ideas
├── 📄 Water-properly.html ← Watering Guide
├── 📄 far.html ← Fertilizer Guide
├── 📄 spac.html ← Plant Spacing
├── 📄 policyfinel.html ← Privacy Policy
├── 📄 login.html ← Login
├── 📄 signup.html ← Sign Up
├── 📄 thanks-page.html ← Thank You
│
├── 🎨 project_leenX.css ← Main stylesheet
├── 🎨 hindstyle.css ← Services stylesheet
├── 🎨 ga.css ← Garden pages stylesheet
├── 🎨 styleAnwar.css ← Reviews stylesheet
├── 🎨 stylesheetus.css ← About Us stylesheet
│
└── 🖼️ images/ ← All project images
| 🌸 | Name | Role |
|---|---|---|
| 🌷 | Leen | Home · Contact · Garden Pages |
| 🌿 | Hind | Services Page |
| 🌺 | Ghadah | About Us |
| 🌼 | Anwar | Customer Reviews |
| 🍃 | Noura | Policy & Supporting Pages |
🌿 From our team to your screen — built with passion, planted with pride.
Made with 💚 by The Garden Shed Team · 2023