Delicious Bites is a beautifully crafted, fully responsive bakery website designed to make your mouth water from the first click. Built with clean HTML5, expressive CSS3, and the power of Bootstrap 5 β this project brings a warm, inviting bakery experience straight to the browser.
Whether you're browsing on a phone or desktop, Delicious Bites serves up a seamless experience with smooth UI components, gorgeous dish displays, and interactive offer popups.
| π― Feature | π Description |
|---|---|
| π± Responsive Navbar | Collapsible menu β perfect for mobile & desktop |
| π¦Έ Hero Section | Eye-catching welcome banner with call-to-action |
| π½οΈ Featured Dishes | 3 highlighted menu items with images & order buttons |
| π·οΈ Special Offers | Bootstrap modal popups with detailed deal info |
| π Footer | About info + quick navigation links |
| π¨ Custom CSS | Hand-crafted styles layered on top of Bootstrap |
| Technology | Purpose |
|---|---|
| Page structure & semantic markup | |
Custom styling (style.css) |
|
| Responsive grid, components & modals |
π¦ Delicious-Bites
β£ π index.html β Main webpage structure
β£ π¨ style.css β Custom CSS styles
β π README.md β Project documentation
# 1. Clone the repository
git clone https://github.com/itxashancode/Delicious-Bites.git
# 2. Navigate to project folder
cd Delicious-Bites
# 3. Open in browser
open index.html
# or just double-click index.html πNo dependencies, no installs β pure HTML/CSS/Bootstrap magic!
π Home / Hero Section β Welcome message + CTA button
π° Featured Dishes β Menu showcase with 3 highlighted items
π·οΈ Special Offers β Discount section with modal popups
π Footer β About info & quick nav links
Made with β€οΈ by Ashan Dev β Aspiring Software Developer | APTECH Student
β If you like this project, give it a star β it means a lot!