Navbar alignment fix at packages.html page

apu52 · Dec 8, 2024 · 2103382 · 2103382
1 parent 4b74112
commit 2103382
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/about.html b/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>

diff --git a/packages.css b/packages.css
@@ -300,3 +300,5 @@ h1 span {
         width: 90%;
     }
 }
+
+
diff --git a/packages.html b/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"