Improved Navigation & Layout for TourGuide’s About Page

apu52 · Oct 30, 2024 · 1e43245 · 1e43245
1 parent cb38f84
commit 1e43245
Showing 1 changed file with 36 additions and 52 deletions.
diff --git a/about.html b/about.html
@@ -8,64 +8,48 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link rel="stylesheet" href="styles.css" />
     <link rel="stylesheet" href="about.css">
-
     <link rel="icon" type="image/x-icon" href="favicon.ico"/>
-
 </head>
 <body>
-
-
     <div class="nav-container" id="top">
         <nav class="newNav">
-          <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">
-            <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="#Home">Home</a></li>
-            <li class="link" data-aos=""><a href="./about.html">About</a></li>
-            <li class="link dropdown" data-aos="">
-                <a href="#Services" class="dropdown">Services</a>
-                <ul class="dropdown-menu">
-                    <li><a href="#Destinations">Destination</a></li>
-                    <li><a href="#trip">Prices</a></li>
-                    <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                    <li><a href="#tourist">Tourist Guide</a></li>
-                    <li><a href="#hotel">Hotel & Resort</a></li>
-                </ul>
-            </li>
-            <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
-            <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-            <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
-            <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-            <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
-        </ul>
-
-          <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;"
-              data-aos="fade-down">view <map name=""></map></button></a>
-
-          <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
-              style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
-
-          <!-- <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style"
-              style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a> -->
-
-          <div class="toggle-container" data-aos="fade-down">
-            <input id="themeToggle" class="toggle" type="checkbox">
-          </div>
-          <div class="hamburger" data-aos="fade-down">
-            <div class="line"></div>
-            <div class="line"></div>
-            <div class="line"></div>
-          </div>
+            <div class="logo-container">
+                <img src="/favicon.ico" class="sitelogo" alt="TourGuide Logo">
+                <a href="#" class="nav__logo">TourGuide<span>.</span></a>
+            </div>
+            <ul class="navLinks">
+                <li><a href="mapa.html">View</a></li>
+                <li><a href="newLogin.html">Log In</a></li>
+                <li><a href="#Home">Home</a></li>
+                <li><a href="./about.html">About</a></li>
+                <li class="dropdown">
+                    <a href="#Services" class="dropdown-toggle">Services</a>
+                    <ul class="dropdown-menu">
+                        <li><a href="#Destinations">Destination</a></li>
+                        <li><a href="#trip">Prices</a></li>
+                        <li><a href="#ReviewGallery">Trip Gallery</a></li>
+                        <li><a href="#tourist">Tourist Guide</a></li>
+                        <li><a href="#hotel">Hotel & Resort</a></li>
+                    </ul>
+                </li>
+                <li><a href="./topdeals/topdeals.html">Top Deals</a></li>
+                <li><a href="./packages.html">Packages</a></li>
+                <li><a href="#testimonials">Testimonial</a></li>
+                <li><a href="feedback.html">Rate Us?</a></li>
+                <li><a href="#cnt-form">Contact Us</a></li>
+            </ul>
+            <div class="button-group">
+                <a href="newLogin.html" class="btn">Login/SignUp</a>
+                <a href="mapa.html" class="btn">View Map</a>
+                <a href="loginPage.html" class="btn" id="logout-btn" style="display: none;">Log Out</a>
+            </div>
+            <div class="hamburger">
+                <div class="line"></div>
+                <div class="line"></div>
+                <div class="line"></div>
+            </div>
         </nav>
-      </div>
+    </div>
 
     <div class="background">
         <video autoplay muted loop playsinline>