Content ITV PRO
This is Itvedant Content department
Design BiteDeals Page
Business Scenario
Welcome back, talented Developers!
In the previous lab session, we successfully created an interactive Cart page for our food delivery website where users could conveniently manage their selected food items with ease.
Now it’s time to make our website more exciting and attractive by creating the BiteDeals page,
Where users can explore special offers, discount coupons, combo meals, and exciting food deals.
In this lab, we will design a modern and attractive deals section that grabs user attention and improves the overall food ordering experience.
This page helps users discover exciting food offers and save money while ordering their favorite meals.
Pre-Lab Preparation
Topic : CSS Fundamentals: From Boxes to Floating Fun
1) Deep Dive Into CSS
2) Mastering Page Layouts With Positioning
git pull origin branchName
Git Pull
Task 1: Design BiteDeals Page
Add deal section in bitedeals.html
1
2
Add hero deal division
Add styling for deal hero section
3
Add combo offer section below hero deal and styling to arrange combo offer card
4
Add a section for : "Day wise offers" and add stylings to it.
5
6
Add a section for : "Hot Deals" and add stylings to it.
Great job!
You successfully created the BiteDeals page, making the food delivery website more attractive, engaging, and exciting with special offers and food deals.
Checkpoint
Next-Lab Preparation
Git Push
git push origin branchNameTopic : CSS Fundamentals: From Boxes to Floating Fun
1) Deep Dive Into CSS
2) Mastering Page Layouts With Positioning
FSB Lab 10
By Content ITV
