animation added to home page navbar

apu52 · Dec 8, 2024 · eb359b6 · eb359b6
1 parent 272b7c8
commit eb359b6
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -548,11 +548,11 @@ <h1>TourGuide . . .</h1>
     </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="">
+        <li class="link" id="View-link" data-aos="fade-down"><a href="mapa.html">View</a></li>
+        <li class="link" id="LogIn-link" data-aos="fade-down"><a href="newLogin.html">Log In</a></li>
+        <li class="link" data-aos="fade-down"><a href="#Home">Home</a></li>
+        <li class="link" data-aos="fade-down"><a href="./about.html">About</a></li>
+        <li class="link dropdown" data-aos="fade-down">
           <a href="#Services" class="dropdown">Services</a>
           <ul class="dropdown-menu">
                   <li><a href="#Destinations">Destination</a></li>
@@ -562,16 +562,16 @@ <h1>TourGuide . . .</h1>
                   <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="#testimo">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>
+        <li class="link" data-aos="fade-down"><a href="./topdeals/topdeals.html">Top Deals</a></li>
+        <li class="link" data-aos="fade-down"><a href="./packages.html">Packages</a></li>
+        <li class="link" data-aos="fade-down"><a href="#testimo">Testimonial</a></li>
+        <li class="link" data-aos="fade-down"><a href="feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos="fade-down"><a href="#cnt-form">Contact Us</a></li>
       </ul>
 
       <div class="contact-btns">
         <a href="newLogin.html" class="contact-btn" id="nav-login-btn">
-          <button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>SignUp</button>
+          <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>