From b235919573a7a42ebb13d7aecf90ae78c6004172 Mon Sep 17 00:00:00 2001
From: anushka bhandari <bhandarianushka670@gmail.com>
Date: Mon, 22 May 2023 16:04:24 +0530
Subject: [PATCH] add to cart functionality added

---
 about(1).html    |  78 ++--------------
 cart(1).html     | 195 +++++---------------------------------
 cart.js          |  93 ++++++++++++++++++
 checkout(1).html |  67 +------------
 checkout.js      |  11 +++
 contact(1).html  |  78 +---------------
 faq(1).html      |  78 +---------------
 index.html       |  76 +--------------
 setting(1).html  |  76 +--------------
 shop(1).html     | 129 ++++++-------------------
 shop.js          |  21 +++++
 success.html     | 139 +++++++++++++++++++++++++++
 transaction.html | 239 ++---------------------------------------------
 transaction.js   |  19 ++++
 14 files changed, 377 insertions(+), 922 deletions(-)
 create mode 100644 cart.js
 create mode 100644 checkout.js
 create mode 100644 shop.js
 create mode 100644 success.html
 create mode 100644 transaction.js
diff --git a/about(1).html b/about(1).html
index cd209b5..4fdcd0e 100644
--- a/about(1).html
+++ b/about(1).html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title>krishiconnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -42,79 +42,15 @@
                         <li class="nav-item">
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
+                        </li>
                         <!-- <li class="nav-item">
                             <a href="setting(1).html" class="nav-link">Settings</a>
                         </li> -->
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </li>
+                    
+                                                
+                                
                     </ul>
                 </div>
 
diff --git a/cart(1).html b/cart(1).html
index a257d27..cc5b649 100644
--- a/cart(1).html
+++ b/cart(1).html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title>krishiconnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -42,78 +42,8 @@
                         <li class="nav-item">
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
-                        <!-- <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li> -->
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
                     </ul>
                 </div>
@@ -135,106 +65,30 @@ <h1 class="pt-5">
             </div>
         </div>
 
-        <section id="cart">
-            <div class="container">
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="table-responsive">
-                            <table class="table">
-                                <thead>
-                                    <tr>
-                                        <th width="10%">Image</th>
-                                        <th>Products</th>
-                                        <th>Price</th>
-                                        <th width="15%">Quantity</th>
-                                        <th>Subtotal</th>
-                                        <th>Remove</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <img src="assets/img/fish.jpg" width="60">
-                                        </td>
-                                        <td>
-                                            Ikan Segar<br>
-                                            <small>1000g</small>
-                                        </td>
-                                        <td>
-                                            Rp 30.000
-                                        </td>
-                                        <td>
-                                            <input class="vertical-spin" type="text" data-bts-button-down-class="btn btn-primary" data-bts-button-up-class="btn btn-primary" value="" name="vertical-spin">
-                                        </td>
-                                        <td>
-                                            Rp 30.000
-                                        </td>
-                                        <td>
-                                            <a href="#" class="text-danger"><i class="fa fa-times"></i></a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <img src="assets/img/meats.jpg" width="60">
-                                        </td>
-                                        <td>
-                                            Sirloin<br>
-                                            <small>1000g</small>
-                                        </td>
-                                        <td>
-                                            Rp 120.000
-                                        </td>
-                                        <td>
-                                            <input class="vertical-spin" type="text" data-bts-button-down-class="btn btn-primary" data-bts-button-up-class="btn btn-primary" value="" name="vertical-spin">
-                                        </td>
-                                        <td>
-                                            Rp 120.000
-                                        </td>
-                                        <td>
-                                            <a href="javasript:void" class="text-danger"><i class="fa fa-times"></i></a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <img src="assets/img/vegetables.jpg" width="60">
-                                        </td>
-                                        <td>
-                                            Mix Vegetables<br>
-                                            <small>1000g</small>
-                                        </td>
-                                        <td>
-                                            Rp 30.000
-                                        </td>
-                                        <td>
-                                            <input class="vertical-spin" type="text" data-bts-button-down-class="btn btn-primary" data-bts-button-up-class="btn btn-primary" value="" name="vertical-spin">
-                                        </td>
-                                        <td>
-                                            Rp 30.000
-                                        </td>
-                                        <td>
-                                            <a href="javasript:void" class="text-danger"><i class="fa fa-times"></i></a>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+        <h1>Cart Page</h1>
+        <div>
+            <label for="buyer-name">Name:</label>
+            <input type="text" id="buyer-name" required>
+          </div>
+        
+          <div>
+            <label for="buyer-email">Email:</label>
+            <input type="email" id="buyer-email" required>
+          </div>
+
+  <div id="cart-items"></div>
+
+  <button onclick="emptyCart()">Empty Cart</button>
+
+  <div id="subtotal"></div>
+
+  <button onclick="checkout()">Checkout</button>
+                                      
                     <div class="col">
                         <a href="shop(1).html" class="btn btn-default">Continue Shopping</a>
                     </div>
-                    <div class="col text-right">
-                        <div class="input-group w-50 float-right">
-                            <input class="form-control" placeholder="Coupon Code" type="text">
-                            <div class="input-group-append">
-                                <button class="btn btn-default" type="button">Apply</button>
-                            </div>
-                        </div>
-                        <div class="clearfix"></div>
-                        <h6 class="mt-3">Total: Rp 180.000</h6>
-                        <a href="checkout(1).html" class="btn btn-lg btn-primary">Checkout <i class="fa fa-long-arrow-right"></i></a>
-                    </div>
-                </div>
-            </div>
+                   
+                       
         </section>
     </div>
     <footer>
@@ -302,5 +156,6 @@ <h5>Follow Us</h5>
     <script type="text/javascript" src="assets/packages/thumbelina/thumbelina.js"></script>
     <script type="text/javascript" src="assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
     <script type="text/javascript" src="assets/js/theme.js"></script>
+    <script src="cart.js"></script>
 </body>
 </html>
diff --git a/cart.js b/cart.js
new file mode 100644
index 0000000..04ec298
--- /dev/null
+++ b/cart.js
@@ -0,0 +1,93 @@
+var cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
+
+    
+    var cartItemsContainer = document.getElementById('cart-items');
+    var buyerNameInput = document.getElementById('buyer-name');
+    var buyerEmailInput = document.getElementById('buyer-email');
+
+
+    cartItems.forEach(function(item) {
+      var itemElement = document.createElement('div');
+      itemElement.innerHTML = item.name + ' - $' + item.price + ' - Quantity: ' + item.quantity;
+
+      
+      var increaseQuantityButton = document.createElement('button');
+      increaseQuantityButton.innerText = '+';
+      increaseQuantityButton.onclick = function() {
+        item.quantity++;
+        updateCartDisplay();
+      };
+      itemElement.appendChild(increaseQuantityButton);
+
+      cartItemsContainer.appendChild(itemElement);
+    });
+    function updateCartDisplay() {
+        
+        cartItemsContainer.innerHTML = '';
+  
+        
+        cartItems.forEach(function(item) {
+          var itemElement = document.createElement('div');
+          itemElement.innerHTML = item.name + ' - $' + item.price + ' - Quantity: ' + item.quantity;
+  
+          
+          var increaseQuantityButton = document.createElement('button');
+          increaseQuantityButton.innerText = '+';
+          increaseQuantityButton.onclick = function() {
+            item.quantity++;
+            updateCartDisplay();
+          };
+          itemElement.appendChild(increaseQuantityButton);
+  
+          cartItemsContainer.appendChild(itemElement);
+        });
+  
+        
+        updateSubtotal();
+      }
+      function updateSubtotal() {
+        var subtotal = 0;
+  
+        
+        cartItems.forEach(function(item) {
+          subtotal += item.price * item.quantity;
+        });
+  
+        
+        var subtotalElement = document.getElementById('subtotal');
+        subtotalElement.innerHTML = 'Subtotal: $' + subtotal.toFixed(2);
+      }
+  
+      
+      function emptyCart() {
+        
+        localStorage.removeItem('cartItems');
+  
+    
+        cartItemsContainer.innerHTML = '';
+  
+
+        var subtotalElement = document.getElementById('subtotal');
+        subtotalElement.innerHTML = '';
+      }
+      function checkout() {
+
+        var order = {
+            buyerName: buyerNameInput.value,
+            buyerEmail: buyerEmailInput.value,
+            items: cartItems
+          };
+
+        localStorage.setItem('order', JSON.stringify(order));
+
+    
+         window.location.href = 'transaction.html';
+
+  
+        
+        emptyCart();
+  
+        
+    
+      }
+  
\ No newline at end of file
diff --git a/checkout(1).html b/checkout(1).html
index e6988ea..c1d6ed0 100644
--- a/checkout(1).html
+++ b/checkout(1).html
@@ -187,68 +187,10 @@ <h5 class="mb-3">BILLING DETAILS</h5>
                     <div class="col-xs-12 col-sm-5">
                         <div class="holder">
                             <h5 class="mb-3">YOUR ORDER</h5>
-                            <div class="table-responsive">
-                                <table class="table">
-                                    <thead>
-                                        <tr>
-                                            <th>Products</th>
-                                            <th class="text-right">Subtotal</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>
-                                                Ikan Segar x1
-                                            </td>
-                                            <td class="text-right">
-                                                Rp 30.000
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>
-                                                Sirloin x1
-                                            </td>
-                                            <td class="text-right">
-                                                Rp 120.000
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>
-                                                Mix Vegetables x1
-                                            </td>
-                                            <td class="text-right">
-                                                Rp 30.000
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                    <tfooter>
-                                        <tr>
-                                            <td>
-                                                <strong>Cart Subtotal</strong>
-                                            </td>
-                                            <td class="text-right">
-                                                Rp 180.000
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>
-                                                <strong>Shipping</strong>
-                                            </td>
-                                            <td class="text-right">
-                                                Rp 20.000
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>
-                                                <strong>ORDER TOTAL</strong>
-                                            </td>
-                                            <td class="text-right">
-                                                <strong>Rp 200.000</strong>
-                                            </td>
-                                        </tr>
-                                    </tfooter>
-                                </table>
-                            </div>
+                            <div id="order-items"></div>
+                            
+                                            
+                                
 
                             <h5 class="mb-3">PAYMENT METHODS</h5>
                             <div class="form-check-inline">
@@ -338,5 +280,6 @@ <h5>Follow Us</h5>
     <script type="text/javascript" src="assets/packages/thumbelina/thumbelina.js"></script>
     <script type="text/javascript" src="assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
     <script type="text/javascript" src="assets/js/theme.js"></script>
+    <script src="checkout.js"></script>
 </body>
 </html>
diff --git a/checkout.js b/checkout.js
new file mode 100644
index 0000000..69e3032
--- /dev/null
+++ b/checkout.js
@@ -0,0 +1,11 @@
+var cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
+
+
+    var orderItemsContainer = document.getElementById('order-items');
+
+
+    cartItems.forEach(function(item) {
+      var itemElement = document.createElement('div');
+      itemElement.innerHTML = item.name + ' - $' + item.price + ' - Quantity: ' + item.quantity;
+      orderItemsContainer.appendChild(itemElement);
+    });
\ No newline at end of file
diff --git a/contact(1).html b/contact(1).html
index eb1de8b..9f1c00e 100644
--- a/contact(1).html
+++ b/contact(1).html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title>krishiconnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -42,80 +42,10 @@
                         <li class="nav-item">
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
-                        <!-- <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li> -->
-                        
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
+                      
                     </ul>
                 </div>
 
diff --git a/faq(1).html b/faq(1).html
index ae11acd..b8ee074 100644
--- a/faq(1).html
+++ b/faq(1).html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title> krishiconnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -42,79 +42,11 @@
                         <li class="nav-item">
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
-                        <!-- <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li> -->
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
+                        
+                                                   
                     </ul>
                 </div>
 
diff --git a/index.html b/index.html
index f867faa..2e17915 100644
--- a/index.html
+++ b/index.html
@@ -45,79 +45,11 @@
                         <li class="nav-item">
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
-                        <!-- <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li> -->
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-secondary">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
+                       
+                                    
                     </ul>
                 </div>
 
diff --git a/setting(1).html b/setting(1).html
index 2272770..21e9a13 100644
--- a/setting(1).html
+++ b/setting(1).html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title>KrishiConnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -43,79 +43,9 @@
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
                         <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li>
-                        
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
+                       
                     </ul>
                 </div>
 
diff --git a/shop(1).html b/shop(1).html
index 2ca13ab..bf75e9d 100644
--- a/shop(1).html
+++ b/shop(1).html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title>krishiconnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -42,79 +42,11 @@
                         <li class="nav-item">
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
-                        <!-- <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li> -->
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
+
+                    
                     </ul>
                 </div>
 
@@ -242,7 +174,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a onclick="addToCart(item1)" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Potatoes',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -275,7 +207,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Moong Dhuli',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -308,7 +240,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Musturd Oil',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -341,7 +273,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Mangoes',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -374,7 +306,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Cucumber',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -419,7 +351,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Potatoes',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -452,7 +384,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Cucumber', 200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -485,7 +417,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Cabbage',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -518,7 +450,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Spinach',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -551,7 +483,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Tomatoes',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -596,7 +528,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Musturd Oil',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -629,7 +561,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Groundnut',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -662,7 +594,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Mint Leaves',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -695,7 +627,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Coriander Leaves',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -728,7 +660,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Castor seeds',200)"  class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -773,7 +705,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Moong Dhuli',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -806,7 +738,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Masoor Dhuli',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -839,7 +771,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('cumin Powder',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -872,7 +804,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Turmeric Powder',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -905,7 +837,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Handmade Pots',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -950,7 +882,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Mangoes',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -983,7 +915,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Oranges',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -1016,7 +948,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Watermelon',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -1049,7 +981,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Grapes',200)" class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -1082,7 +1014,7 @@ <h4 class="card-title">
                                             <span class="discount">Rp. 300.000</span>
                                             <span class="reguler">Rp. 200.000</span>
                                         </div>
-                                        <a href="detail-product(1).html" class="btn btn-block btn-primary">
+                                        <a onclick="addToCart('Guavas',200)"  class="btn btn-block btn-primary">
                                             Add to Cart
                                         </a>
 
@@ -1163,5 +1095,6 @@ <h5>Follow Us</h5>
     <script type="text/javascript" src="assets/packages/thumbelina/thumbelina.js"></script>
     <script type="text/javascript" src="assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
     <script type="text/javascript" src="assets/js/theme.js"></script>
+    <script src="shop.js"></script>
 </body>
 </html>
diff --git a/shop.js b/shop.js
new file mode 100644
index 0000000..25d4089
--- /dev/null
+++ b/shop.js
@@ -0,0 +1,21 @@
+function addToCart(name, price) {
+
+    var cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
+
+
+    var existingItem = cartItems.find(function(item) {
+      return item.name === name;
+    });
+
+    if (existingItem) {
+      existingItem.quantity++;
+    } else {
+      cartItems.push({
+        name: name,
+        price: price,
+        quantity: 1
+      });
+    }
+
+    localStorage.setItem('cartItems', JSON.stringify(cartItems));
+  }
\ No newline at end of file
diff --git a/success.html b/success.html
new file mode 100644
index 0000000..0329304
--- /dev/null
+++ b/success.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>krishiconnect</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
+    <link href="assets/fonts/sb-bistro/sb-bistro.css" rel="stylesheet" type="text/css">
+    <link href="assets/fonts/font-awesome/font-awesome.css" rel="stylesheet" type="text/css">
+
+    <link rel="stylesheet" type="text/css" media="all" href="assets/packages/bootstrap/bootstrap.css">
+    <link rel="stylesheet" type="text/css" media="all" href="assets/packages/o2system-ui/o2system-ui.css">
+    <link rel="stylesheet" type="text/css" media="all" href="assets/packages/owl-carousel/owl-carousel.css">
+    <link rel="stylesheet" type="text/css" media="all" href="assets/packages/cloudzoom/cloudzoom.css">
+    <link rel="stylesheet" type="text/css" media="all" href="assets/packages/thumbelina/thumbelina.css">
+    <link rel="stylesheet" type="text/css" media="all" href="assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
+    <link rel="stylesheet" type="text/css" media="all" href="assets/css/theme.css">
+
+</head>
+<body>
+    <div class="page-header">
+        <!--=============== Navbar ===============-->
+        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-transparent" id="page-navigation">
+            <div class="container">
+                <!-- Navbar Brand -->
+                <a href="index(1).html" class="navbar-brand">
+                    <img src="assets/img/logo/krishiconnect-high-resolution-logo-black-on-white-background.png" alt="">
+                </a>
+
+                <!-- Toggle Button -->
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse" id="navbarcollapse">
+                    <!-- Navbar Menu -->
+                    <ul class="navbar-nav ml-auto">
+                        <li class="nav-item">
+                            <a href="shop(1).html" class="nav-link active">Shop</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="transaction.html" class="nav-link">Transactions</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
+                        </li>
+
+                    
+                    </ul>
+                </div>
+
+            </div>
+        </nav>
+    </div>
+    <div id="page-content" class="page-content">
+        <div class="banner">
+            <div class="jumbotron jumbotron-bg text-center rounded-0" style="background-image: url('assets/img/bg.jpg');">
+                <div class="container">
+                    <h1 class="pt-5">
+                        Shopping Page
+                    </h1>
+                    <p class="lead">
+                        Save time and leave the groceries to us.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <h1> your order has been placed</h1>
+
+        <footer>
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-3">
+                        <h5>About</h5>
+                        <p>कृषिCONNECT is an online B2C platform to bring fresh organic produce from farmers, straight to your dining tables. We aim to remove unnecessary middlemen and help out local farmers by getting them the pay they truly deserve.</p>
+                    </div>
+                    <div class="col-md-3">
+                        <h5>Links</h5>
+                        <ul>
+                            <li>
+                                <a href="about(1).html">About</a>
+                            </li>
+                            <li>
+                                <a href="contact(1).html">Contact Us</a>
+                            </li>
+                            <li>
+                                <a href="faq(1).html">FAQ</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="col-md-3">
+                         <h5>Contact</h5>
+                         <ul>
+                             <li>
+                                <a href="tel:+620892738334"><i class="fa fa-phone"></i> 08272367238</a>
+                            </li>
+                            <li>
+                                <a href="mailto:hello@domain.com"><i class="fa fa-envelope"></i> krishiconnect@gmail.com</a>
+                             </li>
+                         </ul>
+    
+                         <h5>Follow Us</h5>
+                         <ul class="social">
+                             <li>
+                                <a href="javascript:void(0)" target="_blank"><i class="fab fa-facebook-f"></i></a>
+                             </li>
+                             <li>
+                                <a href="javascript:void(0)" target="_blank"><i class="fab fa-instagram"></i></a>
+                             </li>
+                             <li>
+                                <a href="javascript:void(0)" target="_blank"><i class="fab fa-youtube"></i></a>
+                             </li>
+                         </ul>
+                    </div>
+                    <div class="col-md-3">
+                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3678.6887952893885!2d86.14298181488601!3d22.776927685078057!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f5e4daa475a5cd%3A0xd87b53fadcd771a1!2sNational%20Institute%20of%20Technology%2C%20Jamshedpur!5e0!3m2!1sen!2sin!4v1681221470770!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+                        
+                   </div>
+                </div>
+            </div>
+            <p class="copyright">&copy; कृषिCONNECT | Fresh From Farm. All rights reserved.</p>
+        </footer>
+    </div>
+
+
+<script type="text/javascript" src="assets/js/jquery.js"></script>
+<script type="text/javascript" src="assets/js/jquery-migrate.js"></script>
+<script type="text/javascript" src="assets/packages/bootstrap/libraries/popper.js"></script>
+<script type="text/javascript" src="assets/packages/bootstrap/bootstrap.js"></script>
+<script type="text/javascript" src="assets/packages/o2system-ui/o2system-ui.js"></script>
+<script type="text/javascript" src="assets/packages/owl-carousel/owl-carousel.js"></script>
+<script type="text/javascript" src="assets/packages/cloudzoom/cloudzoom.js"></script>
+<script type="text/javascript" src="assets/packages/thumbelina/thumbelina.js"></script>
+<script type="text/javascript" src="assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
+<script type="text/javascript" src="assets/js/theme.js"></script>
+
+</body>
+</html>
diff --git a/transaction.html b/transaction.html
index a7955a7..66afbd4 100644
--- a/transaction.html
+++ b/transaction.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Freshcery | Groceries Organic Store</title>
+    <title>KrishiConnect</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
@@ -43,78 +43,9 @@
                             <a href="transaction.html" class="nav-link">Transactions</a>
                         </li>
                         <li class="nav-item">
-                            <a href="setting(1).html" class="nav-link">Settings</a>
-                        </li>
-                        <li class="nav-item dropdown">
-                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
-                            </a>
-                            <div class="dropdown-menu shopping-cart">
-                                <ul>
-                                    <li>
-                                        <div class="drop-title">Your Cart</div>
-                                    </li>
-                                    <li>
-                                        <div class="shopping-cart-list">
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                            <div class="media">
-                                                <img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
-                                                <div class="media-body">
-                                                    <h5><a href="javascript:void(0)">Carrot</a></h5>
-                                                    <p class="price">
-                                                        <span class="discount text-muted">Rp. 700.000</span>
-                                                        <span>Rp. 100.000</span>
-                                                    </p>
-                                                    <p class="text-muted">Qty: 1</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="drop-title d-flex justify-content-between">
-                                            <span>Total:</span>
-                                            <span class="text-primary"><strong>Rp. 2000.000</strong></span>
-                                        </div>
-                                    </li>
-                                    <li class="d-flex justify-content-between pl-3 pr-3 pt-3">
-                                        <a href="cart(1).html" class="btn btn-default">View Cart</a>
-                                        <a href="checkout(1).html" class="btn btn-primary">Checkout</a>
-                                    </li>
-                                </ul>
-                            </div>
+                            <a href="cart(1).html" class="nav-link">My Cart</a>
                         </li>
+                       
                     </ul>
                 </div>
 
@@ -135,168 +66,17 @@ <h1 class="pt-5">
             </div>
         </div>
 
-        <section id="cart">
-            <div class="container">
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="table-responsive">
-                            <table class="table">
-                                <thead>
-                                    <tr>
-                                        <th width="5%"></th>
-                                        <th>Invoice</th>
-                                        <th>Date</th>
-                                        <th>Total</th>
-                                        <th>Status</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>1</td>
-                                        <td>
-                                            AL121N8H2XQB47
-                                        </td>
-                                        <td>
-                                            12-12-2017
-                                        </td>
-                                        <td>
-                                            Rp 200.000
-                                        </td>
-                                        <td>
-                                            Delivered
-                                        </td>
-                                        <td>
-                                            <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#detailModal">
-                                                Detail
-                                            </button>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
+        <h1>Transaction Page</h1>
+        <div id="buyer-details"></div>
 
-                        <nav aria-label="Page navigation">
-                            <ul class="pagination justify-content-center">
-                                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
-                                <li class="page-item"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item"><a class="page-link" href="#">2</a></li>
-                                <li class="page-item"><a class="page-link" href="#">3</a></li>
-                                <li class="page-item"><a class="page-link" href="#">Next</a></li>
-                            </ul>
-                        </nav>
-                    </div>
-                </div>
-            </div>
+
+        <div id="transaction-items"></div>
         </section>
 
         <!-- Modal -->
-        <div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
-            <div class="modal-dialog modal-lg" role="document">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5 class="modal-title" id="exampleModalLabel">No. Pesanan : AL121N8H2XQB47</h5>
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
-                        </button>
-                    </div>
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <p>
-                                    <strong>Billing Detail:</strong><br>
-                                    Teguh Rianto<br>
-                                    Jl. Petani No. 159, Cibabat<br>
-                                    Cimahi Utara<br>
-                                    Kota Cimahi<br>
-                                    Jawa Barat 40513
-                                </p>
-                            </div>
-                            <div class="col-md-6">
-                                <p>
-                                    <strong>Payment Method:</strong><br>
-                                    Direct Transfer to<br>
-                                    Bank: BCA<br>
-                                    No Rek.: 72133236179
-                                </p>
-                                <p>
-                                    <strong>Batas Pembayaran</strong><br>
-                                    14-12-2017 17:55 GMT+7
-                                </p>
-                            </div>
-                        </div>
-                        <div class="row">
-                            <div class="col-md-12">
-                                <p>
-                                    <strong>Your Order:</strong>
-                                </p>
-                                <div class="table-responsive">
-                                    <table class="table">
-                                        <thead>
-                                            <tr>
-                                                <th>Products</th>
-                                                <th class="text-right">Subtotal</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td>
-                                                    Ikan Segar x1
-                                                </td>
-                                                <td class="text-right">
-                                                    Rp 30.000
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>
-                                                    Sirloin x1
-                                                </td>
-                                                <td class="text-right">
-                                                    Rp 120.000
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>
-                                                    Mix Vegetables x1
-                                                </td>
-                                                <td class="text-right">
-                                                    Rp 30.000
-                                                </td>
-                                            </tr>
-                                        </tbody>
-                                        <tfooter>
-                                            <tr>
-                                                <td>
-                                                    <strong>Cart Subtotal</strong>
-                                                </td>
-                                                <td class="text-right">
-                                                    Rp 180.000
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>
-                                                    <strong>Shipping</strong>
-                                                </td>
-                                                <td class="text-right">
-                                                    Rp 20.000
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>
-                                                    <strong>ORDER TOTAL</strong>
-                                                </td>
-                                                <td class="text-right">
-                                                    <strong>Rp 200.000</strong>
-                                                </td>
-                                            </tr>
-                                        </tfooter>
-                                    </table>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                                          
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                        <button onclick="window.location.href='success.html'" type="button" class="btn btn-default" data-dismiss="modal">Confirm Order</button>
                     </div>
                 </div>
             </div>
@@ -366,5 +146,6 @@ <h5>Follow Us</h5>
     <script type="text/javascript" src="assets/packages/thumbelina/thumbelina.js"></script>
     <script type="text/javascript" src="assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
     <script type="text/javascript" src="assets/js/theme.js"></script>
+    <script src="transaction.js"></script>
 </body>
 </html>
diff --git a/transaction.js b/transaction.js
new file mode 100644
index 0000000..c76093e
--- /dev/null
+++ b/transaction.js
@@ -0,0 +1,19 @@
+var order = JSON.parse(localStorage.getItem('order'));
+
+    
+    var buyerDetailsContainer = document.getElementById('buyer-details');
+    buyerDetailsContainer.innerHTML = 'Buyer Name: ' + order.buyerName + '<br>Email: ' + order.buyerEmail;
+
+    
+    var transactionItemsContainer = document.getElementById('transaction-items');
+
+
+    order.items.forEach(function(item) {
+      var itemElement = document.createElement('div');
+      itemElement.innerHTML = item.name + ' - $' + item.price + ' - Quantity: ' + item.quantity;
+
+      transactionItemsContainer.appendChild(itemElement);
+    });
+
+
+    localStorage.removeItem('order');
\ No newline at end of file

Image	Products	Price	Quantity	Subtotal	Remove
- -	- Ikan Segar - 1000g -	- Rp 30.000 -	- -	- Rp 30.000 -	- -
- -	- Sirloin - 1000g -	- Rp 120.000 -	- -	- Rp 120.000 -	- -
- -	- Mix Vegetables - 1000g -	- Rp 30.000 -	- -	- Rp 30.000 -	- -