feature: redesign the about us page

swaraj-das · Oct 20, 2024 · 5e332df · 5e332df
1 parent 8625d0f
commit 5e332df
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/aboutus.html b/aboutus.html
@@ -47,7 +47,7 @@
             margin-bottom: 40px;
         }
         h1{
-            color: black;
+            color: rgb(255, 255, 255);
             text-align: center;
         }
         h1:hover{
@@ -117,6 +117,9 @@
             bottom: 0;
             animation: rocket 4s linear infinite;
         }
+        .dark-mode nav ul li a img{
+            filter: invert(1);
+        }
 
         @keyframes rocket {
             0% {
@@ -175,12 +178,15 @@
         <nav>
             <ul>
                 <li><a href="index.html">Home</a></li>
-                <li><a href="./aboutus.html">About Us</a></li>
                 <li><a href="index.html">Game Controllers</a></li>
                 <li><a href="index.html">VR Accessories</a></li>
                 <li><a href="index.html">Gaming Keyboard</a></li>
                 <li><a href="index.html">Others</a></li>
                 <li class="login"><a href="login/login.html">Login</a></li>
+                <li><label class="switch">
+                    <input type="checkbox" id="theme-toggle" onchange="toggleTheme()">
+                    <span class="slider"></span>
+                </label></li>
 
                 <!-- Inside the navbar ul -->
                 <li class="cart-nav">

diff --git a/style.css b/style.css
@@ -250,7 +250,7 @@ button[type="submit"]:hover {
 
 #cart-count {
   font-size: 16px; /* Adjust font size to match */
-  vertical-align: middle;
+  vertical-align: super;
 }
 
 .dark-mode .navbar {