From cf07fcdef93795c568d0db67067d2963ece57772 Mon Sep 17 00:00:00 2001
From: goswamiAkshayy <goswamiakshay777@gmail.com>
Date: Tue, 22 Oct 2024 09:20:14 +0530
Subject: [PATCH] Update HTMl,Css

---
 Style/sandals.css    |  2 +-
 Style/sunglasses.css |  2 +-
 index.html           | 10 ++---
 sneaker.html         |  2 +-
 style.css            | 90 +++-----------------------------------------
 womens.html          |  4 +-
 6 files changed, 16 insertions(+), 94 deletions(-)

diff --git a/Style/sandals.css b/Style/sandals.css
index de0293a..7e00260 100644
--- a/Style/sandals.css
+++ b/Style/sandals.css
@@ -131,4 +131,4 @@ h1 {
     .buy-now {
         font-size: 14px;
     }
-}
+}
\ No newline at end of file
diff --git a/Style/sunglasses.css b/Style/sunglasses.css
index 48adc5e..faff433 100644
--- a/Style/sunglasses.css
+++ b/Style/sunglasses.css
@@ -125,4 +125,4 @@ h1 {
     .buy-now {
         font-size: 14px;
     }
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index dd88de0..a157ba0 100644
--- a/index.html
+++ b/index.html
@@ -202,7 +202,7 @@ <h2 class="popuph2">Unlock Your Fashion</h2>
                     <button type="submit" class="signup-btn">Continue</button>
                 </form>
                 <a href="#" class="no-thanks close-btn">No thanks, I’ll shop full price</a>
-                <p class="terms">By signing up, you agree to our <a href="terms-conditions.html">Terms of Service</a> and <a href="privacy.html">Privacy Policy</a>.</p>
+                <p class="terms">By signing up, you agree to our <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a>.</p>
             </div>
         </div>
     </div>
@@ -215,7 +215,7 @@ <h2 class="popuph2">Unlock Your Fashion</h2>
             <div class="overlay">
                 <a href="./shopclothing.html" class="btn btn-white">
                     Shop Clothing
-                </button></a>
+                </button>
             </div>
             <div class="bg-image">
                 <img src="./images/youngcouple1.jpg" alt="product">
@@ -548,7 +548,7 @@ <h1 class="section-title">Shop From The Gram</h1>
         </div>
         <div class="feedback-container">
         
-            <h2>Have feedback?&nbsp;<a href="feedback.html" target="_blank"><span>Click here</span></a> to share your thoughts with us.</h2>
+            <h2>Have a feedback? &nbsp;&nbsp;<a href="feedback.html" target="_blank">Click here to provide feedback</a></h2>
         </div>
     </section>
     
@@ -585,7 +585,7 @@ <h1>Contact Us</h1>
             </ul>
         </div>
 
-        <div class="footer-section quick-links">
+        <div class="footer-section">
             <h1>Quick Links</h1>
             <ul class="footer-list">
                 <li><a href="about.html">About Us</a></li>
@@ -853,4 +853,4 @@ <h2>Subscription Successful!</h2>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/sneaker.html b/sneaker.html
index 6907543..7048ade 100644
--- a/sneaker.html
+++ b/sneaker.html
@@ -828,4 +828,4 @@ <h2>Merrell Trail</h2>
     </script>
 
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index ad6061f..57eab48 100644
--- a/style.css
+++ b/style.css
@@ -660,7 +660,6 @@ html {
 
 .insta {
   width: 100%;
-  /* height: auto; */
   padding: 30px 20%;
   /* background-color: red; */
   display: flex;
@@ -672,14 +671,14 @@ html {
 .posts {
   width: 100%;
   padding: 20px 0px;
-  gap: 0.5rem;
   /* background-color: yellow; */
   display: flex;
   justify-content: space-between;
 }
 
 .post-image {
-  object-fit:cover;
+  width: 16%;
+  height: 170px;
   position: relative;
   /* background-color: green; */
   overflow: hidden;
@@ -689,40 +688,21 @@ html {
 
 .post-image img {
   width: 100%;
-  transition: 0.3s;
+  transition: 0.2s;
 }
 
 .post-image:hover img {
-  transform: scale(1.1);
+  transform: scale(1.2);
 }
 
 .post-image i {
   position: absolute;
-  font-size: 25px;
-  font-weight: 500;
+  font-size: 30px;
   margin-right: 10px;
   margin-top: 10px;
   z-index: 20;
-  cursor: pointer;
-  transition: color 0.3s ease;
-}
-
-.post-image i:hover {
-  color: #db0a50;
-  transition: color 0.3s ease;
 }
 
-
-.feedback-container h2{
-  font-size: 1.2rem;
-}
-.feedback-container h2 span{
-  color: rgba(0, 0, 164, 0.663);
-} 
-.feedback-container h2 span:hover{
-  color: darkblue;
-} 
-
 .footer {
   width: 100%;
   margin-top: 60px;
@@ -795,25 +775,6 @@ html {
   background-color: #14171a;
 }
 
-.quick-links .footer-list a {
-    position: relative; 
-}
-
-.quick-links .footer-list a::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    width: 0;
-    height: 2px;
-    background-color: black; 
-    transition: width 0.3s ease; 
-}
-
-.quick-links .footer-list a:hover::after {
-    width: 100%;
-}
-
 .sub {
   margin-top: 2px;
   display: flex;
@@ -1009,10 +970,6 @@ input {
     width: 49%;
   }
 
-  .feedback-container h2{
-    font-size: 1rem;
-  }
-
   .footer {
     padding: 30px 5%;
     flex-direction: column;
@@ -1651,39 +1608,4 @@ ul {
   list-style-type: none; /* Remove default bullet points */
   padding: 0;
   margin: 0;
-}
-
-.tooltip {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
- /* Tooltip text  */
-.tooltip .tooltiptext {
-  visibility: hidden;
-  width: 200px;
-  background-color: rgb(87, 147, 236);
-  color: #fff;
-  text-align: center;
-  border-radius: 5px;
-  padding: 5px;
-  position: absolute;
-  left: 60%;
-  margin-left: -100px; 
-  top: 36%;
-  transform: translateY(-50%);
-  opacity: 0;
-  transition: opacity 0.3s;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-  font-size: 13px;
-}
-  
-/* Show the tooltip on hover */
-.tooltip:hover .tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
-
-
-
+}
\ No newline at end of file
diff --git a/womens.html b/womens.html
index d4c48d8..1987a1e 100644
--- a/womens.html
+++ b/womens.html
@@ -1111,7 +1111,7 @@ <h1>Contact Us</h1>
             </ul>
         </div>
 
-        <div class="footer-section quick-links">
+        <div class="footer-section">
             <h1>Quick Links</h1>
             <ul class="footer-list">
                 <li><a href="about.html">About Us</a></li>
@@ -1281,4 +1281,4 @@ <h2>Subscription Successful!</h2>
 
 </script>    
 </body>
-</html>
+</html>
\ No newline at end of file