diff --git a/index.html b/index.html
index 262ecae..d489c60 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
             <div class="container navbar-container">
               <nav class="navbar navbar-expand-lg">
                 <div class="container-fluid">
-                  <a class="navbar-brand" href="#">&#127854;Home</a>
+                  <a class="navbar-brand" href="#">&#127854;HOME</a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                     <div class="dropdownicon">&#9776;</div>
                   </button>
diff --git a/shopping/addToCart.html b/shopping/addToCart.html
new file mode 100644
index 0000000..f140583
--- /dev/null
+++ b/shopping/addToCart.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html class="no-js" lang="zxx">
+
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+    <title>New Moon Dessert Bar</title>
+
+    <!--=== Main Style CSS ===-->
+    <link href="style.css" rel="stylesheet">
+    <!-- Font Awesome styles CDN Link -->
+    <link
+      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
+      rel="stylesheet"
+      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
+      crossorigin="anonymous"
+    />
+</head>
+
+<body class="shopping_body">
+
+
+    <div id="wrapper">
+
+        <?php 
+            $products = getProducts($_SERVER["QUERY_STRING"],$conn); 
+            foreach ($products as $product): 
+        ?>
+
+        <section class="shopping_cart">
+            <h1>Shopping Cart</h1>
+            <form action="addingToCart.php" method="get">
+
+                <img src="img/<?= $product['Product_Img'];?>" style="width: 300px; height: 100%; padding:10px; border: 1px solid black;">
+                <h2 style="font-size: 40px;text-transform: uppercase; "><?=$product['Product_Name']?></h2>
+                <h2>Price: &dollar;<?=$product['Product_Price']?></h3>
+
+                <h3>Quantity: <input type="number" name="quantity" value="1" min="1" max="20" placeholder="Quantity" required>
+
+                <input type="submit" value="Add To Cart"></h3>
+
+                <input type="hidden" name="product_id" value="<?=$product['Product_ID']?>">
+                <input type="hidden" name="product_name" value="<?=$product['Product_Name']?>">
+                <input type="hidden" name="product_price" value="<?=$product['Product_Price']?>">
+
+            </form>
+        </section>
+
+        <?php             
+            endforeach; ?>
+      
+        <?php 
+            
+            
+        ?>
+    </div>
+
+<?php include 'footer.php' ?>
+
+
+</body>
+
+</html>
diff --git a/shopping/shopping.php b/shopping/shopping.php
index d60d2e4..2ec1b4b 100644
--- a/shopping/shopping.php
+++ b/shopping/shopping.php
@@ -45,23 +45,16 @@
             foreach ($products as $product): 
         ?>
         <div class="col-sm-12 col-lg-6 col-xl-3">
-          <div class="my-img-class">
+          <a class="my-img-class" href="addToCart.php?<?=$product['Product_ID']?>">
             <img class="imgItem" src="../img/<?= $product['Product_Name']; ?>.jpg" alt="<?=$product['Product_Name']?>">
             <p><?= $product['Product_Name']; ?></p> 
             <p class="price">&dollar;<?= $product['Product_Price']; ?></p>
-          </div>
+          </a>
         </div>
         <?php endforeach; ?> 
       </div>
     </div>
 
-    <!-- <div class="row">
-      <div class="col-sm-12">
-        <div class="footer">
-          <p> @ Created by KCHU · 2021 </p>
-        </div>
-      </div>
-    </div> -->
   </div>
 
 </body>
