Merge pull request #1658 from biswajit-sarkar-007/biswajit-sarkar-007/navbar-alignment-fix/issue#1648

fix: Navbar alignment fix at packages.html page

Author: apu52

about.html

@@ -21,7 +21,7 @@
           <img src="favicon.ico" class="sitelogo">
 
           <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-        </div>
+          </div>
 
           <ul class="navLinks" style="gap: 1.2rem;">
             <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>

packages.css

@@ -300,3 +300,5 @@ h1 span {
         width: 90%;
     }
 }
+
+ 

packages.html

@@ -94,18 +94,19 @@
 
         .link {
             position: relative;
+            
         }
 
         .link>a {
             display: block;
             color: white;
             text-align: center;
-            padding: 6px 10px;
+            padding: 8px 20px;
             text-decoration: none;
             width: 100%;
             transition: all 0.3s linear;
             align-items: center;
-            margin-top: -15px;
+            margin-top: 10px;
         }
 
         .link>a:hover {
@@ -152,7 +153,7 @@
 
         .contact-btn {
             position: relative;
-            right: 15px;
+            right: -55px;
             box-sizing: border-box;
         }
 
@@ -421,14 +422,14 @@
     <div class="video-overlay"></div>
     <header>
         <div class="nav-container" id="top">
-            <nav class="newNav">
+            <nav class="newNav" style="height: 80px;">
               <div style="display: flex; flex-direction: row; align-items: center;">
               <img src="favicon.ico" class="sitelogo">
 
               <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
             </div>
 
-              <ul class="navLinks">
+              <ul class="navLinks"  style="gap: 1.2rem; right: -50px;">
                 <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
                 <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
                 <li class="link" data-aos=""><a href="index.html">Home</a></li>
@@ -452,7 +453,7 @@
 
               <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
                   data-aos="fade-down">Login/SignUp</button></a>
-              <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
+              <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;  "
                   data-aos="fade-down">view <map name=""></map></button></a>
 
               <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"