موقع لمطعم بيتزا

لموقع هو موقع مطعم (Restaurant Website) اسمه Food Lover.

يهدف إلى عرض المطعم، قائمة الطعام، العروض الخاصة، معرض الصور (Gallery)، وساعات العمل، مع إمكانية التواصل عبر نموذج اتصال.

2. الطريقة اللي اتبني بيها (Tech Stack)

HTML5

CSS3 (مع الكثير من الـ styling اليدوي)

Vanilla JavaScript (بدون أي Framework)

لا يوجد Bootstrap هذه المرة (كل التصميم مكتوب يدوياً)

طريقة التنظيم:

ملفات JS منفصلة (modular بسيط)

بيانات القائمة موجودة في مصفوفة داخل menu.js

استخدام document.write() في الـ HTML (طريقة قديمة وغير موصى بها)

Lightbox (صورة كبيرة عند الضغط على صور الجاليري)

3. الـ Features الموجودة

Navbar ثابتة مع تأثير scroll (يغير الخلفية)

Hero Section مع خلفية وزر حجز طاولة

قسم About (تاريخ المطعم)

Special Offers مع Slider يدوي (Next / Prev)

Menu Section:

قائمة طعام مقسمة على عمودين

البيانات من مصفوفة JS

أقسام الوجبات (Breakfast, Lunch, Dinner, Dessert) مع أيقونات

Gallery (معرض صور):

عرض شبكة صور

Lightbox (نافذة كبيرة) مع أزرار Next / Prev / Close

Contact Form مع validation بسيط

معلومات المطعم (العنوان، ساعات العمل، رقم الهاتف)