🍴 Food Drop – Online Food Ordering Website

Food Drop is a responsive food ordering website built with HTML & Bootstrap. It includes a Login Page and a Dashboard (Home Page) where users can explore categories like Food, Drinks, Ice Cream, and Pastries and order items directly.

📌 Features

Login Page

Simple and clean login form.

Background image with blur effect.

Blue theme with Bootstrap styling.

Dashboard (Home Page)

Navbar with smooth navigation.

Hero section with a welcome message.

Categories: Food, Cold Drinks, Ice Cream, Pastries.

Each category has multiple items with images, prices, and Order buttons.

Hover effects on category cards.

Fully responsive design.

🛠️ Tech Stack

HTML – Structure of the website

Bootstrap (CSS) – Responsive design & styling

Unsplash API – Free images for categories and food items

🚀 How to Run

Download or clone this repository.

git clone https://github.com/your-username/food-drop.git

Open the folder and locate the files:

login.html → Login Page

home.html → Dashboard (after login)

Open login.html in your browser to start.

Login will redirect you to the Dashboard (home.html).

📂 Project Structure food-drop/ │── login.html # Login page │── home.html # Dashboard page │── README.md # Project documentation

📸 Screenshots 🔑 Login Page

Clean login interface with background image

🏠 Dashboard

Navbar with categories

Category cards (Food, Drinks, Ice Cream, Pastries)

Product listings with price & "Order" button

📌 Future Enhancements

Add a shopping cart system 🛒

Implement user authentication (PHP/Node.js + Database)

Add search & filter functionality

Include checkout & payment gateway integration

👨‍💻 Author Rahma Naqui.