Merge pull request #786 from Tejashri-Taral/revert-766-main

Revert "made explore more interactive"
Tejashri-Taral · Nov 8, 2024 · e234b27 · e234b27
2 parents 41ad801 + 9141d99
commit e234b27
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 70 deletions.
diff --git a/about.html b/about.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" herf="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
     <!-- Link to your common CSS file -->
     <style>

diff --git a/features.html b/features.html
@@ -113,14 +113,13 @@
 
         <nav class="utils">
             <ul class=" nav-links ">
-
+                <li class="nav-link">
                     <li>
                         <button class="mode-toggle" id="modeToggle">
                             <span class="sun-icon glow"><img src="day-mode.png" alt="Light mode"></span>
                             <span class="moon-icon glow" style="display: none;"><img src="moon.png" alt="Dark mode"></span>
                           </button>
                         </li>
-                        <li class="nav-link">
                     <i class="fa-solid fa-cart-shopping" id="cart-icon"></i>
                 </li>
                 <li class=" nav-link ">

diff --git a/index.html b/index.html
@@ -61,9 +61,9 @@
                         <ul class="dropdown-content ">
                             <li><a href="mens.html" class="priye">Men</a>
                             </li>
-                            <li ><a href="womens.html" class="options">Women</a></li>
-                            <li ><a href="child.html" class="options">Kid Section</a></li>
-                            <li ><a href="accessories.html" class="options">Accessories</a></li>
+                            <li><a href="womens.html">Women</a></li>
+                            <li><a href="child.html">Kid Section</a></li>
+                            <li><a href="accessories.html">Accessories</a></li>
                         </ul>
                     </li>
                     <li class="tab" style="margin-left: 15px;">
@@ -191,7 +191,9 @@ <h1><p>Discover Tomorrow's Trends Today with TrendTrove!</p></h1>
                 <p>
                     At TrendTrove, we bring you the most stylish and trendy fashion items, all in one place!
                 </p>
-                <a href="shopclothing.html" class="btn">Explore More</a>
+                <button class="btn">
+                    Explore More
+                </button>
             </div>
         </div>
     </section>
@@ -222,7 +224,7 @@ <h2 class="popuph2">Unlock Your Fashion</h2>
 
     <!-- featured section  -->
 
-    <section class="featured" id="featured-section" data-aos="fade-left" data-aos-delay="300">
+    <section class="featured" data-aos="fade-left" data-aos-delay="300">
         <div class="featured-box-1">
             <div class="overlay">
                 <a href="./shopclothing.html" class="btn btn-white">

diff --git a/style.css b/style.css
@@ -772,12 +772,11 @@ html {
 .footer {
   width: 100%;
   padding: 40px 100px;
+  background-color: #f6f5fa;
   font-family: "futura";
   display: flex;
   justify-content: space-between;
-  background-color: black;
-  color: white;
-  transition: background-color 0.3s, color 0.3s;
+  color: #1d1d1d;
 }
 
 .footer-section {
@@ -796,7 +795,7 @@ html {
 }
 
 .footer-list li a {
-  color: white;
+  color: black;
   text-decoration: none;
   margin-bottom: 25px;
   font-size: 22px;
@@ -806,7 +805,7 @@ html {
 
 .border-list {
   margin-top: 20px;
-  border-top: 1px solid black;
+  border-top: 1px solid lightgray;
   width: 70%;
 }
 
@@ -819,7 +818,7 @@ html {
 
 .socials a {
   transition: all 0.38s ease;
-  color: white;
+  color: black;
 }
 
 .socials a:hover {
@@ -830,7 +829,7 @@ html {
 }
 
 #github:hover {
-  background-color: #6e6d6f;
+  background-color: #3a383c;
 }
 
 #linkedin:hover {
@@ -842,7 +841,7 @@ html {
 }
 
 #twitter:hover {
-  background-color:  #6e6d6f;
+  background-color: #14171a;
 }
 
 .quick-links .footer-list a {
@@ -856,7 +855,7 @@ html {
     bottom: 0;
     width: 0;
     height: 2px;
-    background-color: white; 
+    background-color: black; 
     transition: width 0.3s ease; 
 }
 
@@ -1319,6 +1318,7 @@ input {
   width: 200px;
 
   height: 270px;
+=======
   height: 290px;
   transition: 1s;
 }
@@ -1405,7 +1405,7 @@ input {
 
 .tab a {
   text-decoration: none;
-  color: #a4a0a0;
+  color: black;
   padding: 1rem 2rem;
   text-transform: uppercase;
   font-size: 16px;
@@ -1786,54 +1786,4 @@ body.dark-mode .navbar a:hover {
   color: #4C51BF;
   transform: translateY(-2px);
 }
-/*darkmode footer*/
-body.dark-mode .footer {
-  background-color: white;
-  color: gray;
-}
 
-body.dark-mode .footer a {
-  color: #333;
-}
-body.dark-mode .footer .quick-links .footer-list a::after {
-  background-color: black; 
-}
-body.dark-mode .section-title{
-  color: #b5aeae;
-}
-body.dark-mode .product-price {
-  color: #ccc;
-}
-body.dark-mode .product-name{
-  color: #ccc;
-}
-body.dark-mode .feedback-container h2{
-  color: #999494;
-}
-
-/* Dark Mode Styles header */
-body.dark-mode .header {
-  background-color: #333; 
-}
-
-body.dark-mode .tabs-container .tab a,
-body.dark-mode .nav-links .nav-link i,
-body.dark-mode .mode-toggle .sun-icon img,
-body.dark-mode .mode-toggle .moon-icon img {
-  color: #fff; 
-}
-
-body.dark-mode .tabs-container .tab a {
-  color: #a4a0a0; 
-}
-
-body.dark-mode .tabs-container .tab a:hover {
-  color: #fff; 
-}
-body.dark-mode .tabs-container .tab a.active{
-  color: white;
-}
-/* Dark Mode Style for Logo Icon */
-body.dark-mode .logo img {
-  filter: brightness(0) invert(1); 
-}
diff --git a/styles.css b/styles.css
@@ -488,6 +488,3 @@ input {
     }
 
 }
-body.dark-mode main .feature .answer {
-    color: black ;
-}
-Original file line number
+Diff line change
@@ Expand Up / @@ -488,6 +488,3 @@ input { @@
         }
     }
-    body.dark-mode main .feature .answer {
-        color: black ;
-    }