Merge pull request #766 from Tanushree084/main

Updated the nav bar.
PriyaGhosal · Oct 15, 2024 · 7215664 · 7215664
2 parents a072bd4 + 5b11a54
commit 7215664
Showing 1 changed file with 40 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -272,11 +272,11 @@ <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
       <!-- Close button for dropdown -->
       <span class="dropdown-close-btn" id="closeBtn">×</span>
       <li><a href="#home" class="navhover">Home</a></li>
-      <li><a href="team.html" class="navhover">Team</a></li>
-      <li><a href="#deals" class="navhover">Exclusive Deals</a></li>
-      <li><a href="#benefits" class="navhover">Benefits</a></li>
       <li><a href="about.html" class="navhover">About</a></li>
+      <li><a href="#benefits" class="navhover">Benefits</a></li>
       <li><a href="#itineraries" class="navhover">Travel Itineraries</a></li>
+      <li><a href="#deals" class="navhover">Exclusive Deals</a></li>
+      <li><a href="#benefits" class="navhover">Benefits</a></li>
 
       <li><a href="./contact.html" class="navhover">Contact</a></li>
       <li><a href="#reviews" class="navhover">Reviews</a></li>
@@ -573,10 +573,46 @@ <h3>Wildlife Safari in Kenya</h3>
           right: 10px;
         }
 
-        /* Optional hover effects */
         .carousel-button:hover {
           background-color: rgb(6, 6, 6);
         }
+        body {
+    font-family: Arial, sans-serif;
+}
+
+header {
+    display: flex;              
+    align-items: center;      
+    padding: 20px;           
+}
+
+.logo {
+    margin-right: 30px;       
+}
+
+        #nav-list {
+    list-style-type: none; 
+    padding: 0;           
+    margin: 0;             
+    display: flex;        
+    gap: 20px;             
+        }
+
+#nav-list li {
+    display: inline; 
+}
+
+.navhover {
+    text-decoration: none; 
+    padding: 10px 15px;   
+    color: black;      
+}
+
+.navhover:hover {
+    background-color:brown; 
+    border-radius: 5px;      
+}
+
         </style>
 
         <script>