diff --git a/Frontend-Projects/Food Website/Images/Butter Masala Dosa.png b/Frontend-Projects/Food Website/Images/Butter Masala Dosa.png new file mode 100644 index 000000000..5f8b5d95c Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Butter Masala Dosa.png differ diff --git a/Frontend-Projects/Food Website/Images/Butter Masala.png b/Frontend-Projects/Food Website/Images/Butter Masala.png new file mode 100644 index 000000000..81a02034e Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Butter Masala.png differ diff --git a/Frontend-Projects/Food Website/Images/Chicken Curry.png b/Frontend-Projects/Food Website/Images/Chicken Curry.png new file mode 100644 index 000000000..b88a1b245 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Chicken Curry.png differ diff --git a/Frontend-Projects/Food Website/Images/Chicken Manchurian.png b/Frontend-Projects/Food Website/Images/Chicken Manchurian.png new file mode 100644 index 000000000..cfb0348c0 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Chicken Manchurian.png differ diff --git a/Frontend-Projects/Food Website/Images/Chicken Masala.png b/Frontend-Projects/Food Website/Images/Chicken Masala.png new file mode 100644 index 000000000..8a04dd1fb Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Chicken Masala.png differ diff --git a/Frontend-Projects/Food Website/Images/Chicken Roast.png b/Frontend-Projects/Food Website/Images/Chicken Roast.png new file mode 100644 index 000000000..401da2d79 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Chicken Roast.png differ diff --git a/Frontend-Projects/Food Website/Images/Chilli Chicken.png b/Frontend-Projects/Food Website/Images/Chilli Chicken.png new file mode 100644 index 000000000..2351c440d Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Chilli Chicken.png differ diff --git a/Frontend-Projects/Food Website/Images/Chowmein.png b/Frontend-Projects/Food Website/Images/Chowmein.png new file mode 100644 index 000000000..74bcfbcc5 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Chowmein.png differ diff --git a/Frontend-Projects/Food Website/Images/Do pyaga.png b/Frontend-Projects/Food Website/Images/Do pyaga.png new file mode 100644 index 000000000..f3ddf7212 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Do pyaga.png differ diff --git a/Frontend-Projects/Food Website/Images/Egg Biriyani.png b/Frontend-Projects/Food Website/Images/Egg Biriyani.png new file mode 100644 index 000000000..cf80cfd06 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Egg Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Fried Rice.png b/Frontend-Projects/Food Website/Images/Fried Rice.png new file mode 100644 index 000000000..485396d32 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Fried Rice.png differ diff --git a/Frontend-Projects/Food Website/Images/Goan Fish Biriyani.png b/Frontend-Projects/Food Website/Images/Goan Fish Biriyani.png new file mode 100644 index 000000000..c5003f287 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Goan Fish Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Handi Chicken.png b/Frontend-Projects/Food Website/Images/Handi Chicken.png new file mode 100644 index 000000000..f8f14f7bb Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Handi Chicken.png differ diff --git a/Frontend-Projects/Food Website/Images/Hyderabadi Biriyani.png b/Frontend-Projects/Food Website/Images/Hyderabadi Biriyani.png new file mode 100644 index 000000000..d98aa8a8e Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Hyderabadi Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Hyderabadi Paneer.png b/Frontend-Projects/Food Website/Images/Hyderabadi Paneer.png new file mode 100644 index 000000000..dc7ad59bd Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Hyderabadi Paneer.png differ diff --git a/Frontend-Projects/Food Website/Images/Idli.png b/Frontend-Projects/Food Website/Images/Idli.png new file mode 100644 index 000000000..210a127f2 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Idli.png differ diff --git a/Frontend-Projects/Food Website/Images/Kamrupi Biriyani.png b/Frontend-Projects/Food Website/Images/Kamrupi Biriyani.png new file mode 100644 index 000000000..055c1c189 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Kamrupi Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Kashmiri Biriyani.png b/Frontend-Projects/Food Website/Images/Kashmiri Biriyani.png new file mode 100644 index 000000000..8904e63bc Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Kashmiri Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Kolkata Biriyani .png b/Frontend-Projects/Food Website/Images/Kolkata Biriyani .png new file mode 100644 index 000000000..c20acfba3 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Kolkata Biriyani .png differ diff --git a/Frontend-Projects/Food Website/Images/Logo.png b/Frontend-Projects/Food Website/Images/Logo.png new file mode 100644 index 000000000..b4dd8d90d Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Logo.png differ diff --git a/Frontend-Projects/Food Website/Images/Masala Dosa.png b/Frontend-Projects/Food Website/Images/Masala Dosa.png new file mode 100644 index 000000000..758d103a9 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Masala Dosa.png differ diff --git a/Frontend-Projects/Food Website/Images/Matar Paneer.png b/Frontend-Projects/Food Website/Images/Matar Paneer.png new file mode 100644 index 000000000..fe9e35e21 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Matar Paneer.png differ diff --git a/Frontend-Projects/Food Website/Images/Memoni Biriyani.png b/Frontend-Projects/Food Website/Images/Memoni Biriyani.png new file mode 100644 index 000000000..392cf0aa0 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Memoni Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Momo.png b/Frontend-Projects/Food Website/Images/Momo.png new file mode 100644 index 000000000..8fd09fab0 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Momo.png differ diff --git a/Frontend-Projects/Food Website/Images/Mughlai Biriyani.png b/Frontend-Projects/Food Website/Images/Mughlai Biriyani.png new file mode 100644 index 000000000..1931491a9 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Mughlai Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Murgh Mussalam.png b/Frontend-Projects/Food Website/Images/Murgh Mussalam.png new file mode 100644 index 000000000..e9f4f1308 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Murgh Mussalam.png differ diff --git a/Frontend-Projects/Food Website/Images/Mutton Biriyani.png b/Frontend-Projects/Food Website/Images/Mutton Biriyani.png new file mode 100644 index 000000000..d2c447e7e Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Mutton Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Mysore Bonda.png b/Frontend-Projects/Food Website/Images/Mysore Bonda.png new file mode 100644 index 000000000..87d641849 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Mysore Bonda.png differ diff --git a/Frontend-Projects/Food Website/Images/Navaratna Korma.png b/Frontend-Projects/Food Website/Images/Navaratna Korma.png new file mode 100644 index 000000000..e3da3c6c5 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Navaratna Korma.png differ diff --git a/Frontend-Projects/Food Website/Images/Onion Uttapam.png b/Frontend-Projects/Food Website/Images/Onion Uttapam.png new file mode 100644 index 000000000..389208412 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Onion Uttapam.png differ diff --git a/Frontend-Projects/Food Website/Images/Palak Paneer.png b/Frontend-Projects/Food Website/Images/Palak Paneer.png new file mode 100644 index 000000000..e720fede8 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Palak Paneer.png differ diff --git a/Frontend-Projects/Food Website/Images/Paneer Do pyaga.png b/Frontend-Projects/Food Website/Images/Paneer Do pyaga.png new file mode 100644 index 000000000..56002f5ce Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Paneer Do pyaga.png differ diff --git a/Frontend-Projects/Food Website/Images/Paneer Labaddar.png b/Frontend-Projects/Food Website/Images/Paneer Labaddar.png new file mode 100644 index 000000000..67b485fba Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Paneer Labaddar.png differ diff --git a/Frontend-Projects/Food Website/Images/Phirni.png b/Frontend-Projects/Food Website/Images/Phirni.png new file mode 100644 index 000000000..329839a0b Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Phirni.png differ diff --git a/Frontend-Projects/Food Website/Images/Plain dosa.png b/Frontend-Projects/Food Website/Images/Plain dosa.png new file mode 100644 index 000000000..e28ca9d5f Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Plain dosa.png differ diff --git a/Frontend-Projects/Food Website/Images/Rava Uttapam.png b/Frontend-Projects/Food Website/Images/Rava Uttapam.png new file mode 100644 index 000000000..97f6bf2c1 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Rava Uttapam.png differ diff --git a/Frontend-Projects/Food Website/Images/Reshmi Kabab.png b/Frontend-Projects/Food Website/Images/Reshmi Kabab.png new file mode 100644 index 000000000..35a8b55c5 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Reshmi Kabab.png differ diff --git a/Frontend-Projects/Food Website/Images/Sambar Bara.png b/Frontend-Projects/Food Website/Images/Sambar Bara.png new file mode 100644 index 000000000..7eeeecb19 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Sambar Bara.png differ diff --git a/Frontend-Projects/Food Website/Images/Shahi Paneer.png b/Frontend-Projects/Food Website/Images/Shahi Paneer.png new file mode 100644 index 000000000..9bd6eac12 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Shahi Paneer.png differ diff --git a/Frontend-Projects/Food Website/Images/Spring Roll.png b/Frontend-Projects/Food Website/Images/Spring Roll.png new file mode 100644 index 000000000..441a2ddb6 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Spring Roll.png differ diff --git a/Frontend-Projects/Food Website/Images/Szceahn Chicken.png b/Frontend-Projects/Food Website/Images/Szceahn Chicken.png new file mode 100644 index 000000000..effa32322 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Szceahn Chicken.png differ diff --git a/Frontend-Projects/Food Website/Images/Veg Biriyani.png b/Frontend-Projects/Food Website/Images/Veg Biriyani.png new file mode 100644 index 000000000..d4d68f546 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Veg Biriyani.png differ diff --git a/Frontend-Projects/Food Website/Images/Veg Curry.png b/Frontend-Projects/Food Website/Images/Veg Curry.png new file mode 100644 index 000000000..143caa79f Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Veg Curry.png differ diff --git a/Frontend-Projects/Food Website/Images/Veg Jalfrezzi.png b/Frontend-Projects/Food Website/Images/Veg Jalfrezzi.png new file mode 100644 index 000000000..3fc823ddb Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Veg Jalfrezzi.png differ diff --git a/Frontend-Projects/Food Website/Images/Veg Kolahpur.png b/Frontend-Projects/Food Website/Images/Veg Kolahpur.png new file mode 100644 index 000000000..91bf91f33 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Veg Kolahpur.png differ diff --git a/Frontend-Projects/Food Website/Images/Veg Masala.png b/Frontend-Projects/Food Website/Images/Veg Masala.png new file mode 100644 index 000000000..7ef921d77 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Veg Masala.png differ diff --git a/Frontend-Projects/Food Website/Images/Veg Pakoda.png b/Frontend-Projects/Food Website/Images/Veg Pakoda.png new file mode 100644 index 000000000..6b7c72251 Binary files /dev/null and b/Frontend-Projects/Food Website/Images/Veg Pakoda.png differ diff --git a/Frontend-Projects/Food Website/Images/logo food.png b/Frontend-Projects/Food Website/Images/logo food.png new file mode 100644 index 000000000..f47e1389a Binary files /dev/null and b/Frontend-Projects/Food Website/Images/logo food.png differ diff --git a/Frontend-Projects/Food Website/README.md b/Frontend-Projects/Food Website/README.md new file mode 100644 index 000000000..d979cbe66 --- /dev/null +++ b/Frontend-Projects/Food Website/README.md @@ -0,0 +1,14 @@ +

Food_Website😋

+

Here is my Food website of the resturent names Mr. Chef(ESTD. 2003)🍴 .This website is responsive & it has been made using HTML, CSS, JS. Here are some key features of the website. + +- A menu card of different cuisines such as Biriyani , Chienese, Paneer Mania, Veg as well as South Indian.🍕 +- A scroll or jump to section to different sections of menu card🥗 +- Every dish has it's own rating & prices🥘 +- A very unique Add to cart system ( customers can also see the total billing there) 🍟 +- Address Saving Option🦑🦐 +

+ +

Author : Arpan Chowdhury

+ +# Screenshots +![Screenshot 2023-09-18 122635](https://github.com/apu52/Food-Website/assets/114172928/6a402c00-2123-458d-bc22-1d5e1c7035ba) diff --git a/Frontend-Projects/Food Website/fooditem.js b/Frontend-Projects/Food Website/fooditem.js new file mode 100644 index 000000000..04dd90d2c --- /dev/null +++ b/Frontend-Projects/Food Website/fooditem.js @@ -0,0 +1,422 @@ +const foodItem= [ + { + id: 1, + name: 'Kolkata Biryani', + category : 'biryani', + rating : 4.3, + price: 13, + img: 'Images/Kolkata Biriyani .png', + quantity: 1 +}, +{ + id: 2, + name: 'Hyderabadi Biryani', + category : 'biryani', + rating : 4.3, + price: 15, + img: 'Images/Hyderabadi Biriyani.png', + quantity: 1 +}, +{ + id: 3, + name: 'Egg Biryani', + category : 'biryani', + rating : 4.3, + price: 18, + img: 'Images/Egg Biriyani.png', + quantity: 1 +}, +{ + id: 4, + name: 'Goan Fish Biryani', + category : 'biryani', + rating : 4.3, + price: 15, + img: 'Images/Goan Fish Biriyani.png', + quantity: 1 +}, +{ + id: 5, + name: 'Mutton Biryani', + category : 'biryani', + rating : 4.3, + price: 10, + img: 'Images/Mutton Biriyani.png', + quantity: 1 +}, +{ + id: 6, + name: 'Kamrupi Biryani', + category : 'biryani', + rating : 4.3, + price: 12, + img: 'Images/Kamrupi Biriyani.png', + quantity: 1 +}, +{ + id: 7, + name: 'Kashmiri Biryani', + category : 'biryani', + rating : 4.3, + price: 13, + img: 'Images/Kashmiri Biriyani.png', + quantity: 1 +}, +{ + id: 8, + name: 'Memoni Biryani', + category : 'biryani', + rating : 4.3, + price: 20, + img: 'Images/Memoni Biriyani.png', + quantity: 1 +}, +{ + id: 9, + name: 'Mughlai Biryani', + category : 'biryani', + rating : 4.3, + price: 15, + img: 'Images/Mughlai Biriyani.png', + quantity: 1 +}, +{ + id: 10, + name: 'Chicken Roast', + category : 'chicken', + rating : 4.3, + price: 11, + img: 'Images/Chicken Roast.png', + quantity: 1 +}, +{ + id: 11, + name: 'Chicken Curry', + category : 'chicken', + rating : 4.3, + price: 10, + img: 'Images/Chicken Curry.png', + quantity: 1 +}, +{ + id: 12, + name: 'Chicken Do Pyaza', + category : 'chicken', + rating : 4.3, + price: 14, + img: 'Images/Do pyaga.png', + quantity: 1 +}, +{ + id: 13, + name: 'Chicken Masala', + category : 'chicken', + rating : 4.3, + price: 12, + img: 'Images/Chicken Masala.png', + quantity: 1 +}, +{ + id: 14, + name: 'Handi Chicken', + category : 'chicken', + rating : 4.3, + price: 17, + img: 'Images/Handi Chicken.png', + quantity: 1 +}, +{ + id: 15, + name: 'Murgh Musallam', + category : 'chicken', + rating : 4.3, + price: 20, + img: 'Images/Murgh Mussalam.png', + quantity: 1 +}, +{ + id: 16, + name: 'Reshmi Kabab', + category : 'chicken', + rating : 4.2, + price: 17, + img: 'Images/Reshmi Kabab.png', + quantity: 1 +}, +{ + id: 17, + name: 'Matar Paneer', + category : 'paneer', + rating : 4.3, + price: 15, + img: 'Images/Matar Paneer.png', + quantity: 1 + +}, +{ + id: 18, + name: 'Palak Paneer', + category : 'paneer', + rating : 4.3, + price: 10, + img: 'Images/Palak Paneer.png', + quantity: 1 +}, +{ + id: 19, + name: 'Paneer Butter Masala', + category : 'paneer', + rating : 4.3, + price: 15, + img: 'Images/Butter Masala.png', + quantity: 1 + +}, +{ + id: 20, + name: 'Paneer Do Pyaza', + category : 'paneer', + rating : 4.3, + price: 12, + img: 'Images/Paneer Do pyaga.png', + quantity: 1 + +}, +{ + id: 21, + name: 'Hyderabadi Paneer', + category : 'paneer', + rating : 4.3, + price: 8, + img: 'Images/Hyderabadi Paneer.png', + quantity: 1 +}, +{ + id: 22, + name: 'Paneer Lababdar', + category : 'paneer', + rating : 4.3, + price: 7, + img: 'Images/Paneer Labaddar.png', + quantity: 1 +}, +{ + id: 23, + name: 'Shahi Paneer', + age: '32', + category : 'paneer', + rating : 4.3, + price: 5, + img: 'Images/Shahi Paneer.png', + quantity: 1 +}, +{ + id: 24, + name: 'Navratan Korma', + category : 'vegetable', + rating : 4.3, + price: 8, + img: 'Images/Navaratna Korma.png', + quantity: 1 +}, +{ + id: 25, + name: 'Veg Jalfrezi', + category : 'vegetable', + rating : 4.3, + price: 7, + img: 'Images/Veg Jalfrezzi.png', + quantity: 1 +}, +{ + id: 26, + name: 'Veg Biryani', + category : 'vegetable', + rating : 4.3, + price: 5, + img: 'Images/Veg Biriyani.png', + quantity: 1 +}, +{ + id: 27, + name: 'Veg Curry', + category : 'vegetable', + rating : 4.3, + price: 7, + img: 'Images/Veg Curry.png', + quantity: 1 +}, +{ + id: 28, + name: 'Veg Kolhapur', + category : 'vegetable', + rating : 4.3, + price: 10, + img: 'Images/Veg Kolahpur.png', + quantity: 1 +}, +{ + id: 29, + name: 'Veg Masala', + category : 'vegetable', + rating : 4.3, + price: 4, + img: 'Images/Veg Masala.png', + quantity: 1 +}, +{ + id: 30, + name: 'Veg Pakora', + category : 'vegetable', + rating : 4.3, + price: 4, + img: 'Images/Veg Pakoda.png', + quantity: 1 +}, +{ + id: 31, + name: 'Phirni', + category : 'vegetable', + rating : 4.5, + price: 3, + img: 'Images/Phirni.png', + quantity: 1 +}, +{ + id: 32, + name: 'Momos', + category : 'chinese', + rating : 4.3, + price: 8, + img: 'Images/Momo.png', + quantity: 1 +}, +{ + id: 33, + name: 'Chicken Manchurian', + category : 'chinese', + rating : 4.3, + price: 7, + img: 'Images/Chicken Manchurian.png', + quantity: 1 +}, +{ + id: 34, + name: 'Chili Chicken', + category : 'chinese', + rating : 4.3, + price: 5, + img: 'Images/Chilli Chicken.png', + quantity: 1 +}, +{ + id: 35, + name: 'Chowmein', + category : 'chinese', + rating : 4.3, + price: 16, + img: 'Images/Chowmein.png', + quantity: 1 +}, +{ + id: 36, + name: 'Spring Roll', + category : 'chinese', + rating : 4.3, + price: 14, + img: 'Images/Spring Roll.png', + quantity: 1 +}, +{ + id: 37, + name: 'Szechuan Chicken', + category : 'chinese', + rating : 4.3, + price: 10, + img: 'Images/Szceahn Chicken.png', + quantity: 1 +}, +{ + id: 38, + name: 'Fried Rice', + category : 'chinese', + rating : 4.3, + price: 8, + img: 'Images/Fried Rice.png', + quantity: 1 +}, +{ + id: 39, + name: 'Butter Masala Dosa', + category : 'south indian', + rating : 4.3, + price: 18, + img: 'Images/Butter Masala Dosa.png', + quantity: 1 +}, +{ + id: 40, + name: 'Idli', + category : 'south indian', + rating : 4.3, + price: 20, + img: 'Images/Idli.png', + quantity: 1 +}, +{ + id: 41, + name: 'Masala Dosa', + category : 'south indian', + rating : 4.3, + price: 12, + img: 'Images/Masala Dosa.png', + quantity: 1 +}, +{ + id: 42, + name: 'Mysore Bonda', + category : 'south indian', + rating : 4.3, + price: 10, + img: 'Images/Mysore Bonda.png', + quantity: 1 +}, +{ + id: 43, + name: 'Onion Uttapam', + category : 'south indian', + rating : 4.3, + price: 15, + img: 'Images/Onion Uttapam.png', + quantity: 1 +}, +{ + id: 44, + name: 'Plain Dosa', + category : 'south indian', + rating : 4.3, + price: 40, + img: 'Images/Plain dosa.png', + quantity: 1 +}, +{ + id: 45, + name: 'Rava Uttapam', + category : 'south indian', + rating : 4.3, + price: 25, + img: 'Images/Rava Uttapam.png', + quantity: 1 +}, +{ + id: 46, + name: 'Sambhar Vada', + category : 'south indian', + rating : 4.3, + price: 34, + img: 'Images/Sambar Bara.png', + quantity: 1 +}, +] + +export {foodItem}; \ No newline at end of file diff --git a/Frontend-Projects/Food Website/index.html b/Frontend-Projects/Food Website/index.html new file mode 100644 index 000000000..b6e1a4dcb --- /dev/null +++ b/Frontend-Projects/Food Website/index.html @@ -0,0 +1,158 @@ + + + + + + + Food Website + + + + + + +
+ + +
+ +
+
+

Biryani

+
+ +
+

Chicken Delicious

+
+ +
+

Paneer Mania

+
+ +
+

Pure Veg Dishes

+
+ +
+

Chinese Corner

+
+ +
+

South Indian

+
+
+ +
+

Cart Items

+

Total Amout : 100

+ + + + + + + + + + +
ItemNameQuantityPrice
+
+ +
+
+
+ +
+
+
+ Account + +
+
+
+

Go For Hunt

+
+
+
+

Total Item : 5

+

+

Free delievery on $ 40

+ +
+
+
+ + + +
+
+
+ + Your Address +
+
+ + + + 0 +
+
+ +
+
+
+ +
+
+

Biryani

+
+
+

Chicken Delicious

+
+
+

Paneer Mania

+
+
+

Pure Veg Dishes

+
+
+

Chinese Corner

+
+
+

South Indian

+
+
+
+ +
+

Home

+

Cart

+

offers

+

orders

+
+
+ + + \ No newline at end of file diff --git a/Frontend-Projects/Food Website/index.js b/Frontend-Projects/Food Website/index.js new file mode 100644 index 000000000..713671423 --- /dev/null +++ b/Frontend-Projects/Food Website/index.js @@ -0,0 +1,497 @@ +import {foodItem} from './fooditem.js' + +function displayItems(){ + var biryani= document.getElementById('biryani'); + var paneer= document.getElementById('paneer');; + var chicken= document.getElementById('chicken'); + var vegetable= document.getElementById('vegetable'); + var chinese= document.getElementById('chinese'); + var southIndian= document.getElementById('south-indian'); + + + + const biryaniData= foodItem.filter((item)=>item.category=='biryani'); + const chickenData= foodItem.filter((item)=>item.category=='chicken'); + const PaneerData= foodItem.filter((item)=>item.category=='paneer'); + const vegetableData= foodItem.filter((item)=>item.category=='vegetable'); + const chineseData= foodItem.filter((item)=>item.category=='chinese'); + const southData= foodItem.filter((item)=>item.category=='south indian'); + biryaniData.map(item=>{ + + var itemCard= document.createElement('div'); + itemCard.setAttribute('id','item-card') + + var cardTop= document.createElement('div'); + cardTop.setAttribute('id','card-top'); + + var star= document.createElement('i'); + star.setAttribute('class','fa fa-star'); + star.setAttribute('id','rating'); + star.innerText= ' ' + item.rating; + + var heart= document.createElement('i'); + heart.setAttribute('class','fa fa-heart-o add-to-cart'); + heart.setAttribute('id',item.id) + + cardTop.appendChild(star); + cardTop.appendChild(heart); + + + var img= document.createElement('img'); + img.src=item.img; + + var itemName= document.createElement('p'); + itemName.setAttribute('id','item-name'); + itemName.innerText= item.name; + + var itemPrice= document.createElement('p'); + itemPrice.setAttribute('id','item-price'); + itemPrice.innerText= 'Price : $ ' + item.price; + + itemCard.appendChild(cardTop); + itemCard.appendChild(img); + itemCard.appendChild(itemName); + itemCard.appendChild(itemPrice); + + biryani.appendChild(itemCard); + + }) + + + chickenData.map(item=>{ + var itemCard= document.createElement('div'); + itemCard.setAttribute('id','item-card') + + var cardTop= document.createElement('div'); + cardTop.setAttribute('id','card-top'); + + var star= document.createElement('i'); + star.setAttribute('class','fa fa-star'); + star.setAttribute('id','rating'); + star.innerText= ' ' + item.rating; + + var heart= document.createElement('i'); + heart.setAttribute('class','fa fa-heart-o add-to-cart'); + heart.setAttribute('id',item.id) + + cardTop.appendChild(star); + cardTop.appendChild(heart); + + + var img= document.createElement('img'); + img.src=item.img; + + var itemName= document.createElement('p'); + itemName.setAttribute('id','item-name'); + itemName.innerText= item.name; + + var itemPrice= document.createElement('p'); + itemPrice.setAttribute('id','item-price'); + itemPrice.innerText= 'Price : $ ' + item.price; + + itemCard.appendChild(cardTop); + itemCard.appendChild(img); + itemCard.appendChild(itemName); + itemCard.appendChild(itemPrice); + + chicken.appendChild(itemCard) + + }) + + PaneerData.map(item=>{ + var itemCard= document.createElement('div'); + itemCard.setAttribute('id','item-card') + + var cardTop= document.createElement('div'); + cardTop.setAttribute('id','card-top'); + + var star= document.createElement('i'); + star.setAttribute('class','fa fa-star'); + star.setAttribute('id','rating'); + star.innerText= ' ' + item.rating; + + var heart= document.createElement('i'); + heart.setAttribute('class','fa fa-heart-o add-to-cart'); + heart.setAttribute('id',item.id) + + cardTop.appendChild(star); + cardTop.appendChild(heart); + + + var img= document.createElement('img'); + img.src=item.img; + + var itemName= document.createElement('p'); + itemName.setAttribute('id','item-name'); + itemName.innerText= item.name; + + var itemPrice= document.createElement('p'); + itemPrice.setAttribute('id','item-price'); + itemPrice.innerText= 'Price : $ ' + item.price; + + itemCard.appendChild(cardTop); + itemCard.appendChild(img); + itemCard.appendChild(itemName); + itemCard.appendChild(itemPrice); + + paneer.appendChild(itemCard) + + }) + + vegetableData.map(item=>{ + var itemCard= document.createElement('div'); + itemCard.setAttribute('id','item-card') + + var cardTop= document.createElement('div'); + cardTop.setAttribute('id','card-top'); + + var star= document.createElement('i'); + star.setAttribute('class','fa fa-star'); + star.setAttribute('id','rating'); + star.innerText= ' ' + item.rating; + + var heart= document.createElement('i'); + heart.setAttribute('class','fa fa-heart-o add-to-cart'); + heart.setAttribute('id',item.id) + + cardTop.appendChild(star); + cardTop.appendChild(heart); + + + var img= document.createElement('img'); + img.src=item.img; + + var itemName= document.createElement('p'); + itemName.setAttribute('id','item-name'); + itemName.innerText= item.name; + + var itemPrice= document.createElement('p'); + itemPrice.setAttribute('id','item-price'); + itemPrice.innerText= 'Price : $ ' + item.price; + + itemCard.appendChild(cardTop); + itemCard.appendChild(img); + itemCard.appendChild(itemName); + itemCard.appendChild(itemPrice); + + + vegetable.appendChild(itemCard) + + }) + + chineseData.map(item=>{ + var itemCard= document.createElement('div'); + itemCard.setAttribute('id','item-card') + + var cardTop= document.createElement('div'); + cardTop.setAttribute('id','card-top'); + + var star= document.createElement('i'); + star.setAttribute('class','fa fa-star'); + star.setAttribute('id','rating'); + star.innerText= ' ' + item.rating; + + var heart= document.createElement('i'); + heart.setAttribute('class','fa fa-heart-o add-to-cart'); + heart.setAttribute('id',item.id) + + cardTop.appendChild(star); + cardTop.appendChild(heart); + + + var img= document.createElement('img'); + img.src=item.img; + + var itemName= document.createElement('p'); + itemName.setAttribute('id','item-name'); + itemName.innerText= item.name; + + var itemPrice= document.createElement('p'); + itemPrice.setAttribute('id','item-price'); + itemPrice.innerText= 'Price : $ ' + item.price; + + itemCard.appendChild(cardTop); + itemCard.appendChild(img); + itemCard.appendChild(itemName); + itemCard.appendChild(itemPrice); + + + chinese.appendChild(itemCard) + + }) + + southData.map(item=>{ + var itemCard= document.createElement('div'); + itemCard.setAttribute('id','item-card') + + var cardTop= document.createElement('div'); + cardTop.setAttribute('id','card-top'); + + var star= document.createElement('i'); + star.setAttribute('class','fa fa-star'); + star.setAttribute('id','rating'); + star.innerText= ' ' + item.rating; + + var heart= document.createElement('i'); + heart.setAttribute('class','fa fa-heart-o add-to-cart'); + heart.setAttribute('id',item.id) + + cardTop.appendChild(star); + cardTop.appendChild(heart); + + + var img= document.createElement('img'); + img.src=item.img; + + var itemName= document.createElement('p'); + itemName.setAttribute('id','item-name'); + itemName.innerText= item.name; + + var itemPrice= document.createElement('p'); + itemPrice.setAttribute('id','item-price'); + itemPrice.innerText= 'Price : $ ' + item.price; + + itemCard.appendChild(cardTop); + itemCard.appendChild(img); + itemCard.appendChild(itemName); + itemCard.appendChild(itemPrice); + + southIndian.appendChild(itemCard) + + }) +} +displayItems(); + + +const vegData= [...new Map(foodItem.map(item=> [item['category'],item])).values()]; +console.log(vegData); + +function selectTaste(){ + var categoryList= document.getElementById('category-list'); + + vegData.map(item=>{ + console.log(item) + var listCard= document.createElement('div'); + listCard.setAttribute('class','list-card'); + + var listImg= document.createElement('img'); + listImg.src= item.img; + + var listName= document.createElement('a'); + listName.setAttribute('class','list-name'); + listName.innerText= item.category; + listName.setAttribute('href','#'+item.category) + + listCard.appendChild(listImg); + listCard.appendChild(listName); + + var cloneListCard= listCard.cloneNode(true); + categoryList.appendChild(listCard); + document.querySelector('.category-header').appendChild(cloneListCard) + }) +} +selectTaste(); + + +document.querySelectorAll('.add-to-cart').forEach(item=>{ + item.addEventListener('click',addToCart) +}) + +var cartData= []; +function addToCart(){ + + var itemToAdd= this.parentNode.nextSibling.nextSibling.innerText; + var itemObj= foodItem.find(element=>element.name==itemToAdd); + + var index= cartData.indexOf(itemObj); + if(index=== -1){ + document.getElementById(itemObj.id).classList.add('toggle-heart'); + cartData= [...cartData,itemObj]; + } + else if(index > -1){ + alert("Added to cart!"); + } + + document.getElementById('cart-plus').innerText= + ' ' + cartData.length + ' Items'; + document.getElementById('m-cart-plus').innerText= + ' ' + cartData.length; + totalAmount(); + cartItems(); +} + + +function cartItems(){ + var tableBody= document.getElementById('table-body'); + tableBody.innerHTML= ''; + + cartData.map(item=> { + var tableRow= document.createElement('tr'); + + var rowData1= document.createElement('td'); + var img= document.createElement('img'); + img.src= item.img; + rowData1.appendChild(img); + + var rowData2= document.createElement('td'); + rowData2.innerText= item.name; + + var rowData3= document.createElement('td'); + var btn1= document.createElement('button'); + btn1.setAttribute('class','decrease-item'); + btn1.innerText= '-'; + var span= document.createElement('span'); + span.innerText= item.quantity; + var btn2= document.createElement('button'); + btn2.setAttribute('class','increase-item'); + btn2.innerText= '+'; + + rowData3.appendChild(btn1); + rowData3.appendChild(span); + rowData3.appendChild(btn2); + + var rowData4= document.createElement('td'); + rowData4.innerText= item.price; + + tableRow.appendChild(rowData1); + tableRow.appendChild(rowData2); + tableRow.appendChild(rowData3); + tableRow.appendChild(rowData4); + + tableBody.appendChild(tableRow); + }) + document.querySelectorAll('.increase-item').forEach(item=>{ + item.addEventListener('click',incrementItem) + }) + + document.querySelectorAll('.decrease-item').forEach(item=>{ + item.addEventListener('click',decrementItem) + }) +} + + +function incrementItem(){ + let itemToInc= this.parentNode.previousSibling.innerText; + console.log(itemToInc) + var incObj= cartData.find(element=>element.name==itemToInc); + incObj.quantity+=1; + + currPrice= (incObj.price*incObj.quantity - incObj.price*(incObj.quantity-1))/(incObj.quantity-1); + incObj.price= currPrice*incObj.quantity; + totalAmount() + cartItems(); +} + +var currPrice= 0; +function decrementItem(){ + let itemToInc= this.parentNode.previousSibling.innerText; + let decObj= cartData.find(element=>element.name==itemToInc); + let ind= cartData.indexOf(decObj); + if(decObj.quantity >1){ + currPrice= (decObj.price*decObj.quantity - decObj.price*(decObj.quantity-1))/(decObj.quantity); + decObj.quantity-= 1; + decObj.price= currPrice*decObj.quantity; + } + else{ + document.getElementById(decObj.id).classList.remove('toggle-heart') + cartData.splice(ind,1); + document.getElementById('cart-plus').innerText= ' ' + cartData.length + ' Items'; + document.getElementById('m-cart-plus').innerText= ' ' + cartData.length; + if(cartData.length < 1 && flag){ + document.getElementById('food-items').classList.toggle('food-items'); + document.getElementById('category-list').classList.toggle('food-items'); + document.getElementById('m-cart-plus').classList.toggle('m-cart-toggle') + document.getElementById('cart-page').classList.toggle('cart-toggle'); + document.getElementById('category-header').classList.toggle('toggle-category'); + document.getElementById('checkout').classList.toggle('cart-toggle'); + flag= false; + alert("Currently no item in cart!"); + console.log(flag) + } + } + totalAmount() + cartItems() +} + +function totalAmount(){ + var sum=0; + cartData.map(item=>{ + sum+= item.price; + }) + document.getElementById('total-item').innerText= 'Total Item : ' + cartData.length; + document.getElementById('total-price').innerText= 'Total Price : $ ' + sum; + document.getElementById('m-total-amount').innerText= 'Total Price : $ ' + sum; +} + +document.getElementById('cart-plus').addEventListener('click',cartToggle); +document.getElementById('m-cart-plus').addEventListener('click',cartToggle); + +var flag= false; +function cartToggle(){ + if(cartData.length > 0){ + document.getElementById('food-items').classList.toggle('food-items'); + document.getElementById('category-list').classList.toggle('food-items'); + document.getElementById('category-header').classList.toggle('toggle-category'); + document.getElementById('m-cart-plus').classList.toggle('m-cart-toggle') + document.getElementById('cart-page').classList.toggle('cart-toggle'); + document.getElementById('checkout').classList.toggle('cart-toggle'); + flag= true; + console.log(flag) + } + else{ + alert("Currently no item in cart!"); + } +} + + + +window.onresize= window.onload= function(){ + var size= window.screen.width; + console.log(size) + if(size<800){ + var cloneFoodItems= document.getElementById('food-items').cloneNode(true); + var cloneCartPage= document.getElementById('cart-page').cloneNode(true); + document.getElementById('food-items').remove(); + document.getElementById('cart-page').remove(); + document.getElementById('category-header').after(cloneFoodItems); + document.getElementById('food-items').after(cloneCartPage); + addEvents() + } + if(size>800){ + var cloneFoodItems= document.getElementById('food-items').cloneNode(true); + document.getElementById('food-items').remove(); + document.getElementById('header').after(cloneFoodItems); + + var cloneCartPage= document.getElementById('cart-page').cloneNode(true); + document.getElementById('cart-page').remove(); + document.getElementById('food-items').after(cloneCartPage); + addEvents() + } +} + +function addEvents(){ + document.querySelectorAll('.add-to-cart').forEach(item=>{ + item.addEventListener('click',addToCart) + }); + document.querySelectorAll('.increase-item').forEach(item=>{ + item.addEventListener('click',incrementItem) + }) + + document.querySelectorAll('.decrease-item').forEach(item=>{ + item.addEventListener('click',decrementItem) + }) +} + +document.getElementById('add-address').addEventListener('click',addAddress); + +document.getElementById('m-add-address').addEventListener('click',addAddress); + +function addAddress(){ + var address= prompt('Enter your address',''); + if(address){ + document.getElementById('add-address').innerText= ' ' + address; + } + else{ + alert("Address not added") + } +} \ No newline at end of file diff --git a/Frontend-Projects/Food Website/style.css b/Frontend-Projects/Food Website/style.css new file mode 100644 index 000000000..7e936f108 --- /dev/null +++ b/Frontend-Projects/Food Website/style.css @@ -0,0 +1,524 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap'); + +@import url('https://fonts.googleapis.com/css2?family=Aclonica&display=swap'); + +html{ + height: 100%; +} +body{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Open Sans', sans-serif; + height: 100%; +} +.container{ + display: grid; + grid-template-columns: 250px 1fr 300px; + min-height: 100vh; + min-height: -webkit-fill-available; + overflow: hidden; +} +#menu{ + background: rgb(201, 197, 197); +} +.title{ + padding: 0 30px; +} +#menu img{ + width: 150px; + height: 150px; + border-radius: 50%; + margin-top: -20px; +} +.title p{ + font-size: 40px; + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: rgb(14, 13, 13); + margin: 0; +} +.border{ + width: 80px; + height: 4px; + margin: 3px 0; + margin-bottom: 30px; + border-radius: 2px; + background: rgb(158, 48, 8); +} + +.menu-item a{ + display: block; + text-decoration: none; + font-size: 20px; + padding: 8px 30px; + font-family: Verdana, Geneva, Tahoma, sans-serif; + margin: 12px 0; + color: rgb(77, 45, 3); + font-weight: 300; + +} +.menu-item a:hover{ + background: rgb(233, 221, 58); +} +#food-items{ + background: rgb(243, 237, 237); + overflow: auto; + height: calc(100vh - 86px); +} +#header{ + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 40px; + padding-bottom: 10px; + position: sticky; + top: 0; + background: rgb(238, 229, 229); + z-index: 1; +} +::-webkit-scrollbar{ + display: none; +} +#header .address{ + font-size: 20px; + +} +#map{ + font-size: 25px; + color: rgb(48, 3, 3); +} +.your-address{ + border: 1px solid indianred; + color: rgb(211, 18, 18); + padding: 5px 10px; + border-radius: 5px; + width: 150px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + cursor: pointer; +} +.add-box i{ + font-size: 20px; +} + +#header select{ + width: 150px; + overflow: hidden; + border: none; + outline: none; + background: none; + color: rosybrown; + padding: 0 5px; +} +.food-items{ + display: none; +} +.cart-toggle{ + display: block; +} +.util i,.user i{ + font-size: 18px; + margin: 0 16px; + border: 1px solid crimson; + padding: 8px 16px; + color: crimson; + border-radius: 20px; + cursor: pointer; +} +.util i:active{ + color: white; + background: crimson; +} +#biryani,#paneer,#chicken,#vegetable,#chinese,#south-indian{ + margin-top: 40px; +} +#paneer #item-card,#vegetable #item-card{ + background: rgb(218, 253, 188); +} +#chinese #item-card,#south-indian #item-card{ + background: rgb(221, 243, 243); +} +#category-name,.item-menu{ + margin: 10px; + font-size: 35px; + color: coral; + font-family: 'Aclonica', sans-serif; +} +#item-card{ + width: 180px; + height: 220px; + padding: 10px; + margin: 10px; + display: inline-block; + border-radius: 5px; + background: rgb(253, 221, 226); + cursor: pointer; + transition: 0.5s all step-end; +} +#item-card:hover img{ + transform: scale(1.2); +} +#card-top{ + display: flex; + margin: 5px 0; + justify-content: space-between; +} +#rating{ + padding: 7px; + color: goldenrod; + background: black; + font-size: 14px; + border-radius: 15px; +} +.fa-heart-o{ + padding: 6px; + border-radius: 50%; + background: white; + cursor: pointer; +} +.toggle-heart{ +background: orangered; +color: white; +} +#item-card img{ + width: 120px; + height: 120px; + border-radius: 50%; + margin: auto; + display: block; + margin-bottom: 15px; + transition: 0.5s all ease-in-out; +} +#item-name{ + margin: 5px 0; + font-weight: 600; + color: darkslategray; + font-size: 18px; +} +#item-price{ + margin: 0; + color: rgb(2, 27, 27); + font-weight: 500; + font-size: 18px; +} + +.food-items{ + display: none; +} +.cart-toggle{ + display: none; +} +#cart-page{ + background: white; + margin: 40px 10px; + margin-right: 50px; + padding: 20px 30px; + padding-bottom: 30px; + position: relative; +} +#cart-title{ + font-size: 35px; + margin: 0; + color: indianred; +} +#cart-page table{ + width: 100%; + margin-top: 20px; + text-align: center; +} +#cart-page table thead td{ + font-size: 25px; + padding-bottom: 10px; +} + +.cart-btn{ + outline: none; + border: none; + background: crimson; + color: white; + padding: 10px 25px; + border-radius: 20px; + font-size: 18px; + text-transform: uppercase; + bottom: 30px; + margin: 15px 0; + cursor: pointer; +} +#cart-page table tbody td{ + padding: 10px 0; + font-size: 20px; +} +#cart-page table tbody button{ + outline: none; + border: none; + font-size: 16px; + background: none; + background: rgb(148, 26, 26); + color: white; + border-radius: 3px; + cursor: pointer; + margin: 0 5px; +} +#cart-page table tbody img{ + width: 75px; + height: 75px; + border-radius: 50%; +} +#checkout{ + text-align: center; + margin: 40px auto; + border-radius: 5px; + background: white; + padding: 10px 20px; +} +#checkout p{ + margin: 15px 0; + float: left; +} +#total-price,#total-item{ + font-size: 25px; + color: indianred; +} +#delievery{ + font-size: 20px; + color: rgb(1, 34, 1); +} +#cart{ + background: whitesmoke; + padding-right: 30px; + overflow-y: scroll; +} + +.item-menu{ + margin: 0; + font-size: 30px; + margin-top: 40px; + color: indianred; + background: whitesmoke; + +} +.list-card{ + display: flex; + align-items: center; + margin-top: 15px; + border-radius: 25px; + cursor: pointer; + transition: 0.3s all ease-in-out; +} +.list-card:hover{ + background: rgb(255, 216, 222); +} +.list-card:hover img{ + transition: 0.5s all ease-in-out; + transform: scale(1.2); +} +.list-card img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.list-name{ + font-size: 20px; + margin: 0 10px; + text-decoration: none; + text-transform: capitalize; + color: rgb(94, 43, 43); +} +.taste-header{ + padding-top: 40px; + padding-bottom: 10px; + position: sticky; + top: 0; + background: whitesmoke; +} +#mobile-view{ + display: none; +} +#biryani{ + margin-top: 10px; +} +#m-total-amount{ + display: none; +} +@media screen and (max-width : 800px) and (-webkit-min-device-pixel-ratio: 2){ + .container{ + display: none; + } + #mobile-view{ + display: grid; + grid-template-rows: 120px 1fr 50px; + height: 100%; + overflow: hidden; + + width: 100vw; + } + .mobile-top{ + padding: 5px 15px; + background: white; + z-index: 1; + } + .item-container{ + overflow-y: scroll; + } + .logo-box,.top-menu{ + display: flex; + justify-content: space-between; + align-items: center; + } + #logo{ + width: 90px; + height: 70px; + } + .logo-box .your-address{ + font-size: 18px; + width: 150px; + color: crimson; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .top-menu{ + + color: indianred; + } + .top-menu i{ + font-size: 20px; + cursor: pointer; + padding: 12px 5px ; + border-radius: 50%; + } + + .m-cart-toggle{ + color: white; + background: lightcoral; + } + .category-header{ + display: flex; + width: 100vw; + overflow-x: scroll; + position: sticky; + top: 0; + background: white; + z-index: 1; + border-bottom: 1px solid rgb(219, 219, 219); + margin: 0; + transform: translateZ(0); + -webkit-transform: translateZ(0); + } + .toggle-category{ + display: none; + position: relative; + } + .list-card{ + margin: 0 10px; + text-align: center; + } + .list-card img{ + width: 60px; + height: 60px; + border-radius: 50%; + } + .list-card:hover{ + background: none; + } + .list-card:hover img{ + transform: none; + transition: none; + } + .list-name{ + margin: 5px 0; + color: coral; + width: max-content; + font-size: 16px; + } + #food-items{ + padding: 5px 10px; + } + + .mobile-footer{ + display: flex; + justify-content: space-between; + align-items: center; + padding: 5px 15px; + background: white; + border-top: 1px solid rgb(219, 219, 219); + } + .mobile-footer{ + color: indianred; + text-transform: uppercase; + font-size: 16px; + position: static; + } + #category-name{ + font-size: 25px; + font-family: 'Aclonica', sans-serif; + } + #item-card{ + width: 150px; + height: 200px; + } + #item-card img{ + width: 100px; + height: 100px; + } + #item-name,#item-price{ + font-size: 16px; + } + .list-card{ + flex-direction: column; + } + #cart-page{ + margin: 3px 0; + padding: 10px 5px; + padding-bottom: 30px; + border-top: 1px solid rgb(219, 219, 219); + } + #cart-page table thead td{ + font-size: 20px; + } + #cart-page table tbody td{ + font-size: 18px; + } + #cart-page table tbody img{ + width: 60px; + height: 60px; + } + #cart-title{ + font-size: 25px; + display: inline-block; + font-family: 'Aclonica', sans-serif; + } + #m-total-amount{ + display: inline-block; + color: lightcoral; + padding: 5px 10px; + margin: 0; + border: 1px solid lightcoral; + float: right; + } + .cart-btn{ + font-size: 14px; + background: lightcoral; + padding: 8px 15px; + margin: auto; + } + .btn-box{ + text-align: center; + } + +} + +@media screen and (max-width : 400px) and (-webkit-min-device-pixel-ratio: 2){ + #mobile-view{ + min-height: -webkit-fill-available; + } + #item-card{ + height: 200px; + width: 140px; + } + #food-items{ + padding: 0; + } +} \ No newline at end of file