Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/omarrsakr/bakery-website

Home Bakery 🍞 A static website designed for bakeries, featuring a modern landing page with a home banner, product highlights, and contact details.🛠 This project utilizes( HTML5) for structure, (CSS3) for styling. Currently non-responsive for different screen sizes.
https://github.com/omarrsakr/bakery-website

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/omarrsakr/bakery-website
Owner: OmarrSakr
Created: 2024-10-25T01:35:28.000Z (3 months ago)
Default Branch: master
Last Pushed: 2024-10-25T14:38:49.000Z (3 months ago)
Last Synced: 2024-10-25T16:06:59.727Z (3 months ago)
Language: HTML
Size: 14.4 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Home Bakery 🍞

![Bakery](https://github.com/user-attachments/assets/39d925a9-c762-4983-9d50-ef4ec60ac4b9)

## Live Demo 🌐
- Check out the live demo of the project at [*`Home Bakery`*](https://omarrsakr.github.io/Bakery-Website/).

---

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:

```bash
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.

---