made changes and cleaned up code

restaurant_website/items.js

@@ -1,8 +1,8 @@
-const fooditem = [
+const foodItem = [
     {
         id:1,
         name: 'Edamame',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:6.00,
         img:'images/order/1.jpg',
@@ -11,7 +11,7 @@ const fooditem = [
     {
         id:2,
         name: 'Spicy Edamame',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:6.00,
         img:'images/order/2.jpg',
@@ -20,7 +20,7 @@ const fooditem = [
     {
         id:3,
         name: 'Gyoza',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:7.99,
         img:'images/order/3.jpg',
@@ -29,7 +29,7 @@ const fooditem = [
     {
         id:4,
         name: 'Takoyaki',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:6.99,
         img:'images/order/4.jpg',
@@ -38,7 +38,7 @@ const fooditem = [
     {
         id:5,
         name: 'Ebi Okonomiyaki',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:13.99,
         img:'images/order/5.jpg',
@@ -47,7 +47,7 @@ const fooditem = [
     {
         id:6,
         name: 'Sake Carpaccio',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:12.99,
         img:'images/order/6.jpg',
@@ -56,7 +56,7 @@ const fooditem = [
     {
         id:7,
         name: 'Hamachi Carpaccio',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:13.99,
         img:'images/order/7.jpg',
@@ -65,7 +65,7 @@ const fooditem = [
     {
         id:8,
         name: 'Soft Shell Crab',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:12.99,
         img:'images/order/8.jpg',
@@ -74,7 +74,7 @@ const fooditem = [
     {
         id:9,
         name: 'Shrimp Tempura',
-        category: 'Appetizers',
+        category: 'appetizer',
         rating: 4.3,
         price:13.99,
         img:'images/order/9.jpg',
@@ -83,7 +83,7 @@ const fooditem = [
     {
         id:10,
         name: 'Miso Soup',
-        category: 'Soup',
+        category: 'soup',
         rating: 4.3,
         price:3.99,
         img:'images/order/10.jpg',
@@ -92,7 +92,7 @@ const fooditem = [
     {
         id:11,
         name: 'Spicy Miso Soup',
-        category: 'Soup',
+        category: 'soup',
         rating: 4.3,
         price:3.99,
         img:'images/order/11.jpg',
@@ -101,7 +101,7 @@ const fooditem = [
     {
         id:12,
         name: 'House Salad',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:6.99,
         img:'images/order/12.jpg',
@@ -110,7 +110,7 @@ const fooditem = [
     {
         id:13,
         name: 'Seaweed Salad',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:7.99,
         img:'images/order/13.jpg',
@@ -119,7 +119,7 @@ const fooditem = [
     {
         id:14,
         name: 'Cucumber Salad',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:5.99,
         img:'images/order/14.jpg',
@@ -128,7 +128,7 @@ const fooditem = [
     {
         id:15,
         name: 'Tako Su',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:8.99,
         img:'images/order/15.jpg',
@@ -137,7 +137,7 @@ const fooditem = [
     {
         id:16,
         name: 'Ebi Su',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:7.99,
         img:'images/order/16.jpg',
@@ -146,7 +146,7 @@ const fooditem = [
     {
         id:17,
         name: 'Mixed Sunomono',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:11.99,
         img:'images/order/17.jpg',
@@ -155,7 +155,7 @@ const fooditem = [
     {
         id:18,
         name: 'Spicy maguro poke Salad',
-        category: 'Sunomono Salad',
+        category: 'salad',
         rating: 4.3,
         price:12.99,
         img:'images/order/18.jpg',
@@ -164,7 +164,7 @@ const fooditem = [
     {
         id:19,
         name: 'Sake/Smoked Sake',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:7.99,
         img:'images/order/19.jpg',
@@ -173,7 +173,7 @@ const fooditem = [
     {
         id:20,
         name: 'Maguro/Shiro Maguro',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:8.99,
         img:'images/order/20.jpg',
@@ -182,7 +182,7 @@ const fooditem = [
     {
         id:21,
         name: 'Hamachi',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:7.99,
         img:'images/order/21.jpg',
@@ -191,7 +191,7 @@ const fooditem = [
     {
         id:22,
         name: 'Saba',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:8.99,
         img:'images/order/22.jpg',
@@ -200,7 +200,7 @@ const fooditem = [
     {
         id:23,
         name: 'Ebi',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:7.99,
         img:'images/order/23.jpg',
@@ -209,7 +209,7 @@ const fooditem = [
     {
         id:24,
         name: 'Hotate',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:8.99,
         img:'images/order/24.jpg',
@@ -218,7 +218,7 @@ const fooditem = [
     {
         id:25,
         name: 'Kani Kama',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:7.99,
         img:'images/order/25.jpeg',
@@ -227,7 +227,7 @@ const fooditem = [
     {
         id:26,
         name: 'Unagi',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:8.99,
         img:'images/order/26.jpg',
@@ -236,7 +236,7 @@ const fooditem = [
     {
         id:27,
         name: 'Ikura',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:7.99,
         img:'images/order/27.jpg',
@@ -245,7 +245,7 @@ const fooditem = [
     {
         id:28,
         name: 'Masago',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:8.99,
         img:'images/order/28.jpg',
@@ -254,7 +254,7 @@ const fooditem = [
     {
         id:29,
         name: 'Tamago',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:7.99,
         img:'images/order/29.jpg',
@@ -263,7 +263,7 @@ const fooditem = [
     {
         id:30,
         name: 'Wagyu Nigiri',
-        category: 'Nigiri/Sashimi',
+        category: 'nigiri',
         rating: 4.3,
         price:12.99,
         img:'images/order/30.jpeg',
@@ -272,7 +272,7 @@ const fooditem = [
     {
         id:31,
         name: 'Sushi A',
-        category: 'Sushi/Sashimi Platters',
+        category: 'sushi',
         rating: 4.3,
         price:19.99,
         img:'images/order/31.jpg',
@@ -281,7 +281,7 @@ const fooditem = [
     {
         id:32,
         name: 'Sushi B',
-        category: 'Sushi/Sashimi Platters',
+        category: 'sushi',
         rating: 4.3,
         price:23.99,
         img:'images/order/31.jpg',
@@ -290,7 +290,7 @@ const fooditem = [
     {
         id:33,
         name: 'Sashimi A',
-        category: 'Sushi/Sashimi Platters',
+        category: 'sushi',
         rating: 4.3,
         price:35.99,
         img:'images/order/31.jpg',
@@ -299,7 +299,7 @@ const fooditem = [
     {
         id:34,
         name: 'Sashimi B',
-        category: 'Sushi/Sashimi Platters',
+        category: 'sushi',
         rating: 4.3,
         price:39.99,
         img:'images/order/31.jpg',
@@ -308,7 +308,7 @@ const fooditem = [
     {
         id:35,
         name: 'Super Sashimi',
-        category: 'Sushi/Sashimi Platters',
+        category: 'sushi',
         rating: 4.3,
         price:45.99,
         img:'images/order/31.jpg',
@@ -317,7 +317,7 @@ const fooditem = [
     {
         id:36,
         name: 'Tekka',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/32.jpg',
@@ -326,7 +326,7 @@ const fooditem = [
     {
         id:37,
         name: 'Sake',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/33.jpg',
@@ -335,7 +335,7 @@ const fooditem = [
     {
         id:38,
         name: 'Negi Hamachi',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/34.jpg',
@@ -344,7 +344,7 @@ const fooditem = [
     {
         id:39,
         name: 'Ebi',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/35.jpg',
@@ -353,7 +353,7 @@ const fooditem = [
     {
         id:40,
         name: 'Sake Avocado',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/36.jpg',
@@ -362,7 +362,7 @@ const fooditem = [
     {
         id:41,
         name: 'Unagi Q',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/37.jpg',
@@ -371,7 +371,7 @@ const fooditem = [
     {
         id:42,
         name: 'Spicy Scallop',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/38.jpg',
@@ -380,7 +380,7 @@ const fooditem = [
     {
         id:43,
         name: 'Spicy Tako',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:9.99,
         img:'images/order/39.jpg',
@@ -389,7 +389,7 @@ const fooditem = [
     {
         id:44,
         name: 'Spider',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:12.99,
         img:'images/order/40.jpg',
@@ -398,7 +398,7 @@ const fooditem = [
     {
         id:45,
         name: 'Alaska',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:13.99,
         img:'images/order/41.jpg',
@@ -407,7 +407,7 @@ const fooditem = [
     {
         id:46,
         name: 'Boston',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:13.99,
         img:'images/order/42.jpg',
@@ -416,7 +416,7 @@ const fooditem = [
     {
         id:47,
         name: 'Philadelphia',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:13.99,
         img:'images/order/43.jpg',
@@ -425,7 +425,7 @@ const fooditem = [
     {
         id:48,
         name: 'California',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:13.99,
         img:'images/order/44.jpg',
@@ -434,7 +434,7 @@ const fooditem = [
     {
         id:49,
         name: 'Chicago',
-        category: 'Maki (Rolls)',
+        category: 'maki',
         rating: 4.3,
         price:13.99,
         img:'images/order/45.jpg',
@@ -443,7 +443,7 @@ const fooditem = [
     {
         id:50,
         name: 'Sake Donburi',
-        category: 'Donburi',
+        category: 'don',
         rating: 4.3,
         price:16.99,
         img:'images/order/46.jpg',
@@ -452,16 +452,16 @@ const fooditem = [
     {
         id:51,
         name: 'Tekka Donburi',
-        category: 'Donburi',
+        category: 'don',
         rating: 4.3,
         price:17.99,
-        img:'images/order/47.jpg',
+        img:'images/order/47.jpeg',
         quantity:1
     },
     {
         id:52,
         name: 'Hamachi Donburi',
-        category: 'Donburi',
+        category: 'don',
         rating: 4.3,
         price:17.99,
         img:'images/order/48.jpg',
@@ -470,7 +470,7 @@ const fooditem = [
     {
         id:53,
         name: 'Chirashi Donburi',
-        category: 'Donburi',
+        category: 'don',
         rating: 4.3,
         price:19.99,
         img:'images/order/49.jpg',
@@ -479,7 +479,7 @@ const fooditem = [
     {
         id:54,
         name: 'Unagi Donburi',
-        category: 'Donburi',
+        category: 'don',
         rating: 4.3,
         price:19.99,
         img:'images/order/50.jpg',
@@ -488,7 +488,7 @@ const fooditem = [
     {
         id:55,
         name: 'Hot Green Tea',
-        category: 'Beverages',
+        category: 'drink',
         rating: 4.3,
         price:2.99,
         img:'images/order/51.jpg',
@@ -497,7 +497,7 @@ const fooditem = [
     {
         id:56,
         name: 'Iced Green Tea',
-        category: 'Beverages',
+        category: 'drink',
         rating: 4.3,
         price:3.99,
         img:'images/order/52.jpg',
@@ -506,7 +506,7 @@ const fooditem = [
     {
         id:57,
         name: 'Coke/Diet',
-        category: 'Beverages',
+        category: 'drink',
         rating: 4.3,
         price:2.59,
         img:'images/order/53.png',
@@ -515,7 +515,7 @@ const fooditem = [
     {
         id:58,
         name: 'Bottled Water',
-        category: 'Beverages',
+        category: 'drink',
         rating: 4.3,
         price:1.99,
         img:'images/order/54.png',
@@ -524,7 +524,7 @@ const fooditem = [
     {
         id:59,
         name: 'Matcha Ice Cream',
-        category: 'Desserts',
+        category: 'dessert',
         rating: 4.3,
         price:5.99,
         img:'images/order/55.jpg',
@@ -533,7 +533,7 @@ const fooditem = [
     {
         id:60,
         name: 'Mochi Ice Cream',
-        category: 'Desserts',
+        category: 'dessert',
         rating: 4.3,
         price:4.99,
         img:'images/order/56.jpg',
@@ -542,7 +542,7 @@ const fooditem = [
     {
         id:61,
         name: 'Matcha Cheesecake',
-        category: 'Desserts',
+        category: 'dessert',
         rating: 4.3,
         price:8.99,
         img:'images/order/57.jpg',
@@ -551,7 +551,7 @@ const fooditem = [
     {
         id:62,
         name: 'Dango',
-        category: 'Desserts',
+        category: 'dessert',
         rating: 4.3,
         price:3.99,
         img:'images/order/58.jpg',
@@ -560,7 +560,7 @@ const fooditem = [
     {
         id:63,
         name: 'Taiyaki',
-        category: 'Desserts',
+        category: 'dessert',
         rating: 4.3,
         price:6.99,
         img:'images/order/59.jpg',
@@ -568,4 +568,4 @@ const fooditem = [
     },
 ]
 
-export {fooditem};
+export {foodItem};

restaurant_website/order.css

@@ -82,14 +82,18 @@ body{
     color: var(--main-color);
     padding: 5px 10px;
     border-radius: 50px;
-    width: 100px;
+    width: 120px;
     overflow: hidden;
     cursor: pointer;
     margin: 1rem;
+    text-align: center;
 }
 .utility i:active{
     background: var(--main-color);
     color: var(--bg-color);
+}
+.food-items{
+    
 }
 #appetizer, #soup, #salad, #nigiri, #sushi, #maki, #don, #drink, #dessert{
     margin-top: 40px;
@@ -120,9 +124,8 @@ body{
     font-size: 1rem;
     color: var(--main-color);
 }
-.toggle-heart{
+.toggle-cart{
-    background: red;
+    color: var(--text-color);
-    color: white;
 }
 #item-box{
     width: 180px;

restaurant_website/order.html

@@ -37,667 +37,46 @@
                     <i class="fa-solid fa-location-dot address" id="add-address">Address</i> 
                 </div>
                 <div class="utility">
-                    <i class="fas fa-search"> Search</i>
+                    <i class="fas fa-search"> &nbsp Search</i>
-                    <i class="fas fa-tags"> Offers</i>
+                    <i class="fas fa-tags"> &nbsp Offers</i>
-                    <i class="fas fa-shopping-cart" id="shopping-cart"> 0 items</i>
+                    <i class="fas fa-shopping-cart" id="shopping-cart"> &nbsp 0 items</i>
                 </div>
             </div>
             <div id="food-items">
                 <div id="appetizer">
                     <p id="category-name">Appetizers</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/1.jpg" alt="">
-                        <p id="order-name">Edamame</p>
-                        <p id="order-price">$6.00</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/2.jpg" alt="">
-                        <p id="order-name">Spicy Edamame</p>
-                        <p id="order-price">$6.00</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/3.jpg" alt="">
-                        <p id="order-name">Gyoza</p>
-                        <p id="order-price">$7.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/4.jpg" alt="">
-                        <p id="order-name">Takoyaki</p>
-                        <p id="order-price">$6.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/5.jpg" alt="">
-                        <p id="order-name">Ebi Okonomiyaki</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/6.jpg" alt="">
-                        <p id="order-name">Sake Carpaccio</p>
-                        <p id="order-price">$12.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/7.jpg" alt="">
-                        <p id="order-name">Hamachi Carpaccio</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/8.jpg" alt="">
-                        <p id="order-name">Soft Shell Crab</p>
-                        <p id="order-price">$12.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i> 
-                        </div>
-                        <img src="images/order/9.jpg" alt="">
-                        <p id="order-name">Shrimp Tempura</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
                 </div>
 
                 <div id="soup">
                     <p id="category-name">Soup</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/10.jpg" alt="">
-                        <p id="order-name">Miso Soup</p>
-                        <p id="order-price">$3.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/11.jpg" alt="">
-                        <p id="order-name">Spicy Miso Soup</p>
-                        <p id="order-price">$3.99</p>
-                    </div>
                 </div>
 
                 <div id="salad">
                     <p id="category-name">Sunomono Salad</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/12.jpg" alt="">
-                        <p id="order-name">House Salad</p>
-                        <p id="order-price">$6.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/13.jpg" alt="">
-                        <p id="order-name">Seaweed Salad</p>
-                        <p id="order-price">$7.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/14.jpg" alt="">
-                        <p id="order-name">Cucumber Salad</p>
-                        <p id="order-price">$5.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/15.jpg" alt="">
-                        <p id="order-name">Tako Su</p>
-                        <p id="order-price">$8.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/16.jpg" alt="">
-                        <p id="order-name">Ebi Su</p>
-                        <p id="order-price">$7.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/17.jpg" alt="">
-                        <p id="order-name">Mixed Sunomono</p>
-                        <p id="order-price">$11.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/18.jpg" alt="">
-                        <p id="order-name">Spicy maguro poke Salad</p>
-                        <p id="order-price">$12.99</p>
-                    </div>
                 </div>
 
                 <div id="nigiri">
                     <p id="category-name">Nigiri/Sashimi</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/19.jpg" alt="">
-                        <p id="order-name">Sake/Smoked Sake</p>
-                        <p id="order-price">$7.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/20.jpg" alt="">
-                        <p id="order-name">Maguro/Shiro Maguro</p>
-                        <p id="order-price">$8.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/21.jpg" alt="">
-                        <p id="order-name">Hamachi</p>
-                        <p id="order-price">$7.99 (4 pcs)</p>
-                    </div>
-
-                     <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/22.jpg" alt="">
-                        <p id="order-name">Saba</p>
-                        <p id="order-price">$8.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/23.jpg" alt="">
-                        <p id="order-name">Ebi</p>
-                        <p id="order-price">$7.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/24.jpg" alt="">
-                        <p id="order-name">Hotate</p>
-                        <p id="order-price">$8.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/25.jpeg" alt="">
-                        <p id="order-name">Kani Kama</p>
-                        <p id="order-price">$7.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/26.jpg" alt="">
-                        <p id="order-name">Unagi</p>
-                        <p id="order-price">$8.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/27.jpg" alt="">
-                        <p id="order-name">Ikura</p>
-                        <p id="order-price">$7.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/28.jpg" alt="">
-                        <p id="order-name">Masago</p>
-                        <p id="order-price">$8.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/29.jpg" alt="">
-                        <p id="order-name">Tamago</p>
-                        <p id="order-price">$7.99 (4 pcs)</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/30.jpeg" alt="">
-                        <p id="order-name">Wagyu Nigiri</p>
-                        <p id="order-price">$12.99 (4 pcs)</p>
-                    </div>
                 </div>
 
                 <div id="sushi">
                     <p id="category-name">Sushi/Sashimi Platters</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/31.jpg" alt="">
-                        <p id="order-name">Sushi A (6 pcs nigiri & 1 maki)</p>
-                        <p id="order-price">$19.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/31.jpg" alt="">
-                        <p id="order-name">Sushi B (9 pcs nigiri & 1 maki)</p>
-                        <p id="order-price">$23.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/31.jpg" alt="">
-                        <p id="order-name">Sashimi A (14 pcs sashimi & 1 maki)</p>
-                        <p id="order-price">$35.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/31.jpg" alt="">
-                        <p id="order-name">Sashimi B (21 pcs sashimi & 1 maki)</p>
-                        <p id="order-price">$39.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/31.jpg" alt="">
-                        <p id="order-name">Super Sashimi (28 pcs sashimi & 1 maki)</p>
-                        <p id="order-price">$45.99</p>
-                    </div>
                 </div>
 
                 <div id="maki">
                     <p id="category-name">Maki (Rolls)</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/32.jpg" alt="">
-                        <p id="order-name">Tekka (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/33.jpg" alt="">
-                        <p id="order-name">Sake (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/34.jpg" alt="">
-                        <p id="order-name">Negi Hamachi (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/35.jpg" alt="">
-                        <p id="order-name">Ebi (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/36.jpg" alt="">
-                        <p id="order-name">Sake Avocado (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/37.jpg" alt="">
-                        <p id="order-name">Unagi Q (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/38.jpg" alt="">
-                        <p id="order-name">Spicy Scallop (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/39.jpg" alt="">
-                        <p id="order-name">Spicy Tako (8 pcs)</p>
-                        <p id="order-price">$9.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/40.jpg" alt="">
-                        <p id="order-name">Spider (8 pcs)</p>
-                        <p id="order-price">$12.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/41.jpg" alt="">
-                        <p id="order-name">Alaska (9 pcs)</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/42.jpg" alt="">
-                        <p id="order-name">Boston (9pcs)</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/43.jpg" alt="">
-                        <p id="order-name">Philadelphia (9 pcs)</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/44.jpg" alt="">
-                        <p id="order-name">California (9 pcs)</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/45.jpg" alt="">
-                        <p id="order-name">Chicago (9 pcs)</p>
-                        <p id="order-price">$13.99</p>
-                    </div>
                 </div>
 
                 <div id="don">
                     <p id="category-name">Donburi</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/46.jpg" alt="">
-                        <p id="order-name">Sake Donburi (Miso soup)</p>
-                        <p id="order-price">$16.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/47.jpeg" alt="">
-                        <p id="order-name">Tekka Donburi (Miso soup)</p>
-                        <p id="order-price">$17.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/48.jpg" alt="">
-                        <p id="order-name">Hamachi Donburi (Miso soup)</p>
-                        <p id="order-price">$17.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/49.jpg" alt="">
-                        <p id="order-name">Chirashi Donburi (Miso soup)</p>
-                        <p id="order-price">$19.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/50.jpg" alt="">
-                        <p id="order-name">Unagi Donburi (Miso soup)</p>
-                        <p id="order-price">$19.99</p>
-                    </div>
                 </div>
 
                 <div id="drink">
                     <p id="category-name">Beverages</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/51.jpg" alt="">
-                        <p id="order-name">Hot Green Tea</p>
-                        <p id="order-price">$2.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/52.jpg" alt="">
-                        <p id="order-name">Iced Green Tea</p>
-                        <p id="order-price">$3.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/53.png" alt="">
-                        <p id="order-name">Coke/Diet</p>
-                        <p id="order-price">$2.59</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/54.png" alt="">
-                        <p id="order-name">Bottled Water</p>
-                        <p id="order-price">$1.99</p>
-                    </div>
                 </div>
 
                 <div id="dessert">
                     <p id="category-name">Desserts</p>
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/55.jpg" alt="">
-                        <p id="order-name">Matcha Ice Cream</p>
-                        <p id="order-price">$5.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/56.jpg" alt="">
-                        <p id="order-name">Mochi Ice Cream</p>
-                        <p id="order-price">$4.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/57.jpg" alt="">
-                        <p id="order-name">Matcha Cheesecake</p>
-                        <p id="order-price">$8.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/58.jpg" alt="">
-                        <p id="order-name">Dango (3 sticks)</p>
-                        <p id="order-price">$3.99</p>
-                    </div>
-
-                    <div id="item-box">
-                        <div id="box-top">
-                            <i class="fa fa-star" id="rating"> 4.3</i>
-                            <i class="fa-solid fa-cart-plus add-to-cart"></i>
-                        </div>
-                        <img src="images/order/59.jpg" alt="">
-                        <p id="order-name">Taiyaki (2 pcs)</p>
-                        <p id="order-price">$6.99</p>
-                    </div>
                 </div>
             </div>
 
@@ -718,7 +97,7 @@
                             </td>
                             <td>Edamame</td>
                             <td>
-                                <button class="reduce-item">-</button>
+                                <button class="remove-item">-</button>
                                 <span>1</span>
                                 <button class="add-item">+</button>
                             </td>