Home Bakery 🍞

Live Demo 🌐

• Check out the live demo of the project at Home Bakery.

---

Welcome to Home Bakery – a beautiful and modern website designed for bakeries!
This project showcases a static landing page for a bakery, featuring key sections such as:

• A home banner
• Information about the bakery
• Product highlights
• Contact details

⚠ Note: This project is currently non-responsive for different screen sizes.
It may not display well on mobile devices or tablets.
The navbar is also non-responsive and does not adapt for smaller screens.
Additionally, the tabs in the navbar do not redirect to any sections; they are purely for design purposes.

---

Features ✨

• Static Content: The entire site is built with static HTML and CSS.
• Non-Responsive Navbar: Navigation bar with brand logo and links, but without mobile-friendly behavior.
• Welcome Banner: Eye-catching hero section with call-to-action buttons.
• Product Cards: Showcase bakery items such as breads, bagels, and cookies.
• Contact Section: Provides location details and operating hours.

---

Technologies Used 🛠

• HTML5: For structuring the content.
• CSS3: For styling the website.
• JavaScript (Optional): If additional interactivity is required.
• Images: High-quality images for products and services.

---

How to Use 🚀

We welcome contributions to Bakery! Here’s how you can help:

1. Fork the repository - Click the "Fork" button at the top right of the repository page.

2. Clone your fork - Use the command:

    git clone https://github.com/OmarrSakr/Bakery-Website.git
   

---

📂 Project Structure

# BakeryHouse 🍞
│
├── index.html                # الصفحة الرئيسية 🏠
│
├── CSS/                      # مجلد الأنماط 🎨
│   ├── HomeStyle.css         # أنماط الصفحة الرئيسية 🌟
│   └── otherStyles.css       # أنماط إضافية (إذا لزم الأمر) 📄
│
├── images/                   # مجلد الصور 📸
│   ├── bakery-lightLogo.png   # شعار المخبز 🥖
│   ├── A freshly baked sourdough loaf,sharp knife..jpg  # صورة للخبز 🍞🔪
│   ├── Icons/                # مجلد الأيقونات 🖼️
│   │   ├── leaf.png          # أيقونة ورقة 🍃
│   │   ├── people.png        # أيقونة أشخاص 👥
│   │   ├── heart.png         # أيقونة قلب ❤️
│   │   ├── check.png         # أيقونة تحقق ✔️
│   │   ├── map.png           # أيقونة خريطة 🗺️
│   │   ├── phone.png         # أيقونة هاتف 📞
│   │   ├── headphone.png      # أيقونة سماعة 🎧
│   │   ├── email.png         # أيقونة بريد إلكتروني 📧
│   └── otherImages.jpg       # صور إضافية (إذا لزم الأمر) 📷                                          
│
└── README.md                 # ملف README للمشروع 📖

---

Future Updates 🔄

• Add responsive design for better compatibility on mobile devices.
• Implement responsive navbar behavior to enhance user experience.
• Add interactivity with JavaScript to improve functionality.

---

Important Notes 📢

• This project is a static website and does not include a backend or dynamic content.
• Non-Responsive Design: The current version is not optimized for mobile or tablet screens.

---