From 41bf5d12162dd4127544a5b5486925dd4f609746 Mon Sep 17 00:00:00 2001
From: Suchitra Sahoo <123376847+Suchitra-Sahoo@users.noreply.github.com>
Date: Mon, 24 Jun 2024 12:03:17 +0530
Subject: [PATCH] Revert "New cart UI"

---
 cart.css  | 531 ------------------------------------------------------
 cart.html | 213 ----------------------
 2 files changed, 744 deletions(-)
 delete mode 100644 cart.css
 delete mode 100644 cart.html

diff --git a/cart.css b/cart.css
deleted file mode 100644
index fde7720..0000000
--- a/cart.css
+++ /dev/null
@@ -1,531 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  text-decoration: none;
-  border: none;
-  outline: none;
-  scroll-behavior: smooth;
-  font-family: "Playfair Display", serif;
-}
-
-:root {
-  --bg-color: #053314;
-  --second-color: #064b10;
-  --txt-color: #fff;
-  --main-color: rgb(192, 223, 100);
-}
-
-html {
-  font-size: 62.5%;
-  overflow-x: hidden;
-}
-
-body {
-  background-size: cover;
-  background-position: center;
-  background-attachment: fixed;
-}
-body::-webkit-scrollbar {
-  display: none;
-}
-body {
-  scrollbar-width: none;
-}
-/* width */
-::-webkit-scrollbar {
-  width: 10px;
-  background-color: #064b10;
-}
-/* Track */
-::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 5px grey;
-  border-radius: 10px;
-  color: none;
-  background-color: none;
-  display: none;
-}
-/* Handle */
-::-webkit-scrollbar-thumb {
-  background: grey;
-  border-radius: 10px;
-}
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-  background: rgb(192, 223, 100);
-}
-section {
-  min-height: 100vh;
-  padding: 10rem 9% 2rem;
-}
-.header {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  padding: 2rem 9%;
-  background-color: var(--bg-color);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  z-index: 100;
-  opacity: all 0.8s;
-}
-.header.sticky {
-  border-bottom: 0.1rem solid rgb(252, 187, 223);
-}
-.header img {
-  height: 6rem;
-  margin-right: 2rem;
-}
-
-.logo {
-  font-size: 2.3rem;
-  color: var(--txt-color);
-  font-weight: 600;
-  cursor: default;
-}
-.navbar a {
-  font-size: 1.5rem;
-  color: var(--txt-color);
-  margin-right: 3.4rem;
-  transition: 0.3s;
-}
-.navbar a:hover {
-  color: var(--main-color);
-}
-.navbar a:not(.active):hover {
-  color: var(--main-color);
-}
-.navbar a.active,
-.navbar a.active:hover {
-  color: var(--main-color);
-}
-.navbar.active {
-  display: block;
-}
-.logoImg {
-  width: 80px;
-  height: auto; /* Use auto to maintain aspect ratio */
-  max-width: 100%;
-
-  margin-right: 5px; /* Adjust margin as needed */
-}
-
-#menu-icon {
-  font-size: 3.6rem;
-  color: var(--txt-color);
-  display: none;
-}
-
-.container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin: 20px;
-  margin-top: 150px;
-}
-
-.cart {
-  background-color: white;
-  padding: 20px;
-  margin: 10px;
-  border-radius: 10px;
-  flex: 1 1 300px;
-  max-width: 600px;
-}
-
-.payment{
-    background-color: white;
-    padding: 20px;
-    margin: 10px;
-    border-radius: 10px;
-    flex: 1 1 300px;
-    max-width: 400px;
-}
-
-h2 {
-  margin-top: 0;
-  font-size: 50px;
-}
-
-.summary{
-    text-align: end;
-    margin-bottom: 20px;
-}
-
-.cart-item,
-.payment-method,
-.card-info {
-  margin-bottom: 10px;
-}
-
-.cart-item {
-  margin-top: 30px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.item-details {
-  display: flex;
-  align-items: center;
-}
-
-.item-details img {
-  width: 100px;
-  height: 100px;
-  margin-right: 10px;
-  object-fit: cover;
-}
-
-.item-info p {
-  margin: 5px 0;
-  font-size: 20px;
-}
-
-.price {
-  font-weight: bold;
-  font-size: 25px;
-}
-
-.summary p{
-    font-size: 20px;
-}
-
-input[type="number"],
-input[type="text"] {
-  width: 60px;
-  font-size: 20px;
-  padding: 5px;
-}
-
-button {
-  background-color: #007bff;
-  color: white;
-  border: none;
-  padding: 10px 20px;
-  border-radius: 5px;
-  cursor: pointer;
-  text-align: center;
-}
-
-button:hover {
-  background-color: #0056b3;
-}
-
-.payment{
-    background-color: #283142;
-    color: #fff;
-}
-
-.payment-method label {
-  margin-right: 10px;
-  cursor: pointer;
-}
-
-.payment-method input {
-  margin-right: 5px;
-}
-
-.card-info label {
-  display: block;
-  margin-top: 10px;
-}
-
-.card-info input {
-  width: calc(100% - 10px);
-  padding: 10px;
-  margin-top: 5px;
-}
-
-.check-out {
-  width: 100%;
-  margin-top: 20px;
-}
-.payment-method{
-    font-size: 20px;
-    margin-block: 20px;
-}
-
-section
- {
-   min-height: 100vh;
-   padding: 10rem 9% 2rem;
- }
- @keyframes floatImage {
-  0% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-2.4rem);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
-
-
-
-  /* footer */
- 
-  .footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex: wrap;
-    flex-direction: column;
-    padding: 20px;
-    background: #0e4b16;
-    min-height: 25rem;
-      padding: 20px;
-      background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url('./images/istockphoto-1465642013-170667a.webp');
-      background-size: cover; /* Ensure the background image covers the entire container */
-      background-position: center; /* Center the background image */
-      background-repeat: no-repeat; /* Prevent the background image from repeating */
-      color: #fff;
-    }
-    
-  .footer-grid {
-    display: grid;
-    align-items: center;
-    justify-content: center;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-  }
-  
-    .footer p {
-      font-size: 1.6rem;
-    }
-    .footerUpperPart {
-      display: flex;
-      justify-content: space-around;
-      align-items: center;
-      flex-wrap: wrap;
-      width: 90vw;
-      min-height: 15rem;
-      margin-top: 15px;
-    }
-  
-    .footer-title{
-      font-weight: 500;
-      font-size: 20px;
-    }
-    
-    .footer-left{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-    }
-    .footer-right {
-      text-align: center;
-    }
-    .footer-title,
-  .footer-icons,
-  .footer-iconTop {
-    text-align: center;
-  }
-  .socialIcons a:hover
-  {
-    transform: scale(1.3);
-  }
-  #backtoTop{
-    position :fixed;
-    bottom: 90px;
-    right: 24px;
-    height: 60px;
-    width: 60px;
-    background-color: #B19222;
-    border-radius:50%;
-    margin-bottom: 10px;
-    justify-content: center;
-    align-items: center;
-    z-index: 1000;
-    display: none; 
-    transition: background-color 0.5s ease-in 0.3s;
-  }
-  #backtoTop a{
-    display: inline-block;
-  height: 100%;
-  width: 100%;
-   border-radius: 50%;
-   justify-content: center;
-   align-items: center;
-    transition: 0.5s ease;
-    padding: 1.2rem;
-  
-  }
-  #backtoTop a:hover{
-  background-color: #a48613;
-  }
-  #backtoTop a i {
-  font-size: 36px;
-    color: white;
-  }
-    .footer-iconTop a {
-      justify-content: center;
-      align-items: center;
-      padding: 0.8rem;
-      background: var(--main-color);
-      border-radius: 0.8rem;
-      transition: 0.5s ease;
-      display: inline-block;
-    width: max-content;
-    }
-    .footer-iconTop a:hover {
-      box-shadow: 0 0 1rem var(--main-color);
-    }
-    .footer-iconTop a i {
-      font-size: 2.4rem;
-      color: var(--second-color);
-    }
-    .footer-text {
-      text-align: center;
-      margin-top: 10px;
-    }
-    
-  
-    @media (max-width: 1350px) {
-      html {
-        font-size: 55%;
-      }
-      .header {
-        padding: 3rem 3%;
-      }
-    }
-    
-    @media (max-width: 991px) {
-      .header {
-        padding: 3vmax 4vmax;
-      }
-      .section {
-        padding: 10rem 3% 2rem;
-      }
-      .footer {
-        padding: 2rem 3%;
-      }
-      .faq_box{
-        display: block;
-      }
-    }
-  
-    @media (max-width: 1216px) {
-      .logo {
-        font-size: 2.6vmax;
-      }
-      #menu-icon {
-        display: block;
-        font-size: 5vmax;
-      }
-      .navbar {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        width: 100%;
-        padding: 0.5rem 1%;
-        background: var(--bg-color);
-        border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
-        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
-        display: none;
-        height:470px;
-      }
-    
-      .navbar :active {
-        display: block;
-      }
-      .navbar a {
-        display: block;
-        font-size: 2.8vmax;
-        margin: 3rem 0;
-        margin-left: 8vmax;
-      }
-      .navbar a i {
-        margin-right: 2vmax;
-      }
-      .navbar a.active {
-        color: var(--main-color);
-        font-size: 2.5vmax;
-      }  
-     .slide_viewer {
-      display: none; 
-     } 
-      .footer-left {
-        margin-top: 0.8rem;
-      }
-    }
-  
-    @media (max-width: 617px) {
-      .footerUpperPart {
-        flex-direction: column-reverse;
-      }
-    .slide_viewer {
-        display: block; /* Ensure the slide viewer is visible on smaller screens */
-      }
-      .faq_box{
-        display: block;
-      }
-    }
-  
-    @media (max-width: 365px) {
-  .footer
-      { 
-    
-        flex-direction: column;
-    
-        p{
-          font-weight: bold;
-        }
-      }
-      .footerUpperPart {
-        flex-direction: column-reverse;
-      }
-      .footer p {
-        text-align: center;
-        margin-top: 2rem;
-      }
-    }
-    .socialIcons {
-      padding: 1.2rem;
-      align-items: center;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center;
-      gap: 10px;
-    }
-    .socialIcons i {
-      color: var(--second-color);
-    
-      font-size: 22px;
-      /* margin-left:25px;
-     margin-right:25px; */
-    
-     font-size:22px; 
-     
-    
-    }
-    .socialIcons a {
-      display: grid;
-      justify-content: center;
-      align-items: center;
-      padding: 1.3rem;
-      background: var(--main-color);
-      border-radius: 100%;
-      transition: 0.5s ease;
-      margin: 15px;
-    }
-    .services-box a {
-      text-decoration: none; /* Remove underline */
-      color: inherit; /* Inherit the color from the parent */
-      cursor: pointer; /* Show pointer cursor on hover */
-    }
-    
-    .services-box a:hover {
-      text-decoration: underline; /* Add underline on hover if needed */
-    }
-    /* width */
-  ::-webkit-scrollbar {
-    width: 10px;
-  }
\ No newline at end of file
diff --git a/cart.html b/cart.html
deleted file mode 100644
index 21f4b4c..0000000
--- a/cart.html
+++ /dev/null
@@ -1,213 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Shopping Cart</title>
-    <link rel="stylesheet" href="cart.css">
-</head>
-<body>
-    <header class="header">
-        <img src="favicon_new.png" alt="logo" style="height: 50px; width: 50px; margin-right: 10px" />
-        <a href="#" class="logo" style="margin-inline-end: auto">
-          <h3>AgriLearnNetwork</h3>
-        </a>
-    
-        <i class="bx bx-menu" id="menu-icon"></i>
-        <nav class="navbar">
-          <a href="index.html#home"><i class="fa-solid fa-house"></i> Home</a>
-          <a href="index.html#about"><i class="fa-solid fa-circle-info"></i> About</a>
-          <a href="blogpage.html" target="_self"><i class="fa-solid fa-blog"></i> Blogs</a>
-          <a href="index.html#Resource Library"><i class="fa-solid fa-book"></i> Resource Library</a>
-          <a href="faqpage.html"><i class="fas fa-question-circle"></i>FAQs</a>
-          <a href="index.html#contact" id="nav--contact"><i class="fa-solid fa-phone"></i> Contact</a>
-          <a href="buy_products.html"><i class="fa fa-shopping-cart"></i>Buy Products</a>
-          <a href="login.html">
-            <button id="log-in-btn" class="login-btn">Login</button>
-          </a>
-
-          <link rel="icon" href="favicon_new.png" type="image/x-icon" />
- 
-          <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
-
-          <link rel="stylesheet" href="./cursor/style.css">
-          <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" />
-    
-        </nav>
-      </header>
-
-    <div class="container">
-        <div class="cart">
-            <h2>Shopping Cart</h2>
-            <div class="cart-item">
-                <div class="item-details">
-                    <img src="https://imgs.search.brave.com/C0kR0ZD3syOLiv-dt8S_Rk6dyKcmB8zVgEXP2uoXa1k/rs:fit:500:0:0/g:ce/aHR0cHM6Ly93d3cu/ZGVlcmUuY29tL2Fz/c2V0cy9pbWFnZXMv/aGF5LWZvcmFnZS9i/YWxpbmcvcm91bmQt/YmFsZXIvNTYxLUJh/bGVyLWhheS1mb3Jh/Z2UtYmFsaW5nLXBh/Z2UtMTAyNHg1NzYu/anBn" alt="Henley T-Shirt">
-                    <div class="item-info">
-                        <p>BALER-Hay & Forage Equipment</p>
-                        <p>Quantity: <input type="number" value="2"></p>
-                    </div>
-                </div>
-                <p class="price">₹9000</p>
-            </div>
-            <div class="cart-item">
-                <div class="item-details">
-                    <img src="https://www.kisanshop.in/s/65f83b39d13b931b1c1f1a9b/6638b754950fb25829b96ed8/1_-6-2-480x480.jpg" alt="High Top Sneakers">
-                    <div class="item-info">
-                        <p>BIG TORCH LIGHT (HAND TORCH)</p>
-                        <p>Quantity: <input type="number" value="1"></p>
-                    </div>
-                </div>
-                <p class="price">₹1,500</p>
-            </div>
-            <div class="cart-item">
-                <div class="item-details">
-                    <img src="https://www.kisanshop.in/s/65f83b39d13b931b1c1f1a9b/66069c061d3a4dfcf98aae73/ps-50-neptune-power-sprayers-480x480.jpg" alt="Sweater Hooded">
-                    <div class="item-info">
-                        <p>NEPTUNE POWER SPRAYERS</p>
-                        <p>Quantity: <input type="number" value="1"></p>
-                    </div>
-                </div>
-                <p class="price">₹6000</p>
-            </div>
-            <div class="summary">
-                <p>Subtotal: ₹149.96</p>
-                <p>Shipping: ₹0</p>
-                <p>Total: ₹149.96</p>
-            </div>
-            <button class="continue-shopping" style="width: 100%;">Continue Shopping</button>
-        </div>
-        <div class="payment">
-            <h2>Payment Info</h2>
-            <form>
-                <div class="payment-method">
-                    <input type="radio" id="credit-card" name="payment-method" checked>
-                    <label for="credit-card">Credit Card</label>
-                    <input type="radio" id="paypal" name="payment-method">
-                    <label for="paypal">PayPal</label>
-                </div>
-
-                <hr style="color: white;">
-
-                <div class="card-info">
-                    <label for="name-on-card">Name on Card:</label>
-                    <input type="text" id="name-on-card" placeholder="Anton PechetisA">
-                    <label for="card-number">Card Number:</label>
-                    <input type="text" id="card-number" placeholder="**** **** **** 3271">
-                    <label for="expiration-date">Expiration Date:</label>
-                    <input type="text" id="expiration-date" placeholder="MM / YYYY">
-                    <label for="cvv">CVV:</label>
-                    <input type="text" id="cvv" placeholder="XXX">
-                </div>
-                <button type="submit" class="check-out">Check Out</button>
-            </form>
-        </div>
-
-        
-
-        <div id="backtoTop">
-            <a href="cart.html"><i class="bx bx-up-arrow-alt"></i></a>
-          </div>
-          <div class="cursor"></div>
-            <div class="cursor2"></div>
-
-          <script src="script.js"></script>
-        
-        
-          <script src="https://unpkg.com/scrollreveal"></script>
-          <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
-        
-          <script src="script.js"></script>
-          <!-- <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
-        <script src="https://mediafiles.botpress.cloud/1cfb7415-d4fc-4477-8d00-3717d30c975b/webchat/config.js" defer></script> -->
-        
-          <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
-        
-          <script>
-        
-            window.addEventListener('scroll', function () {
-              var scrollPosition = window.scrollY;
-              var backToTopButton = document.getElementById('backtoTop');
-        
-              if (scrollPosition > 300) { // Adjust this value as needed to show the button at the desired scroll position
-                backToTopButton.style.display = 'block';
-              } else {
-                backToTopButton.style.display = 'none';
-              }
-            });
-        
-            document.addEventListener("DOMContentLoaded", function () {
-              const slideGroup = document.querySelector(".slide_group");
-              let currentSlide = 0;
-              const images = [
-                "./images/carousel-img-2.jpg",
-                "./images/carousel-img-1.jpg",
-                "./images/carousel-img-3.jpg",
-                "./images/carousel-img-4.jpg",
-              ];
-        
-              function showSlide(n) {
-                slideGroup.style.left = `${-n * 100}%`; // Adjust left property based on current slide
-                currentSlide = n;
-              }
-        
-              function nextSlide() {
-                currentSlide = (currentSlide + 1) % images.length; // Move to the next slide
-                showSlide(currentSlide);
-              }
-        
-              setInterval(nextSlide, 2000); // Automatically change slide every 2 seconds
-        
-              // Preload images for smoother transition
-              images.forEach((src) => {
-                const img = new Image();
-                img.src = src;
-              });
-            });
-        
-            // mobile no validation @dhruv8433
-            const mobileNumberInput = document.getElementById("mobileNumber");
-        
-            mobileNumberInput.addEventListener("input", () => {
-              const maxLength = 10;
-              const value = mobileNumberInput.value;
-        
-              if (value.length > maxLength) {
-                mobileNumberInput.value = value.slice(0, maxLength);
-              }
-            });
-          </script>
-          <!-- <script src="https://mediafiles.botpress.cloud/43c4d3ec-a251-474f-8cce-3d8737805a57/webchat/config.js" defer></script> -->
-          <script type="text/javascript">
-            (function (d, t) {
-              var v = d.createElement(t),
-                s = d.getElementsByTagName(t)[0];
-              v.onload = function () {
-                window.voiceflow.chat.load({
-                  verify: { projectID: "664632efd181ce0921d32ed5" },
-                  url: "https://general-runtime.voiceflow.com",
-                  versionID: "production",
-                });
-              };
-              v.src = "https://cdn.voiceflow.com/widget/bundle.mjs";
-              v.type = "text/javascript";
-              s.parentNode.insertBefore(v, s);
-            })(document, "script");
-          </script>
-        
-          <script type="text/javascript">
-            window.addEventListener("scroll", function () {
-              var header = document.querySelector("header");
-              header.classList.toggle("sticky", window.scrollY > 10)
-            })
-          </script>
-           <script>
-            var cursor = document.querySelector(".cursor");
-            var cursor2 = document.querySelector(".cursor2");
-            document.addEventListener("mousemove",function(e){
-              cursor.style.cssText = cursor2.style.cssText = "left: " + e.clientX + "px; top: " + e.clientY + "px;";
-            });
-          </script>
-        </body>
-        
-        </html>
-        
\ No newline at end of file