Merge pull request #2462 from Sandeepkumargond/sandeep

enhance header section dark mode nav kept at right place
anuragverma108 · Jul 13, 2024 · 083c8be · 083c8be
2 parents f045bcb + 9c28f06
commit 083c8be
Showing 1 changed file with 26 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -240,6 +240,16 @@
   }
 }
 
+.switch-label{
+  margin-bottom: 20px;
+  margin-right: 40px;
+}
+.navbar-item{
+  margin-right: 0px;
+}
+
+
+
 .cta {
   position: relative;
   display: flex;
@@ -710,7 +720,6 @@
   <header class="header header-anim nav-h" data-header>
 
     <div class="container mobile-container-styles" style="padding-left: 0;">
-
       <nav class="navbar nav_activated" data-navbar>
 
 
@@ -724,7 +733,7 @@
           </li>
            <li class="navbar-item">
                 <a href="./assets/html/about.html"  class="navbar-link" data-nav-link><i
-                    class="ri-home-fill"></i> About Us </a>
+                    class="ri-home-fill"></i>About Us</a>
               </li>
 
           <li class="navbar-item">
@@ -743,8 +752,7 @@
             </li>
             <li class="navbar-item">
               <a href="#faq" onclick="lenis.scrollTo('#faqq')" class="navbar-link" data-nav-link>
-                  <i class="ri-questionnaire-fill"></i> FAQ
-              </a>
+                  <i class="ri-questionnaire-fill"></i>FAQ</a>
           </li>
 
           <li class="navbar-item">
@@ -798,6 +806,18 @@
               </ul>
             </div>
           </li>
+          <li>
+            <div class="navbar-link" style="top: 15px;">
+              <input type="checkbox" id="switch" class="switch-checkbox">
+              <label for="switch" class="switch-label">
+                <div class="switch-button">
+                  <span class="material-icons sun-icon">wb_sunny</span>
+                  <span class="material-icons moon-icon">brightness_2</span>
+                </div>
+              </label>
+            </div>
+          </li>
+
           <li>
           <div class="action">
             <div class="profile" onclick="menuToggle();">
@@ -927,16 +947,8 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
 
         <ion-icon name="close-outline" aria-hidden="true" class="md hydrated close"></ion-icon>
       </button> -->
-      <div class="switch-container" style="top: 15px;">
-        <input type="checkbox" id="switch" class="switch-checkbox">
-        <label for="switch" class="switch-label">
-          <div class="switch-button">
-            <span class="material-icons sun-icon">wb_sunny</span>
-            <span class="material-icons moon-icon">brightness_2</span>
-          </div>
-        </label>
-      </div>
-    </div>
+
+