From 5b11a54af2f4afddc0744aabfeaf35282d08d076 Mon Sep 17 00:00:00 2001
From: Tanushree084 <bagdetanushree@gmail.com>
Date: Tue, 15 Oct 2024 19:32:11 +0530
Subject: [PATCH] Updated the nav bar.

---
 index.html | 44 ++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 20b869c5..1e960f95 100644
--- 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>