Merge pull request #545 from Saumyatri/changes

Beautify the UI Page

index.html

@@ -120,7 +120,8 @@ <h1>TourGuide . . .</h1>
 
 
         </ul>
-        <a href="newLogin.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+        <a href="newLogin.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>
             data-aos="fade-down">Login</button></a>
         <div class="toggle-container" data-aos="fade-down">
           <input id="themeToggle" class="toggle" type="checkbox">
@@ -148,16 +149,16 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
               clients.
             </p>
             <div class="action__btns">
-              <a href="pricing/index.html"><button class="btn" data-aos="fade-in" id="btn-style">Membership</button></a>
-              <button class="btn" data-aos="fade-in" id="btn-style" onclick="planTrip()">Plan a Trip</button>
-              <a href="./payment.html"><button class="btn" data-aos="fade-in" id="btn-style">Book Now</button></a>
+              <a href="pricing/index.html"><button class="btn" data-aos="fade-in" id="btn-style" style="box-shadow: 2px 2px 8px red;">Membership</button></a>
+              <button class="btn" data-aos="fade-in" id="btn-style" onclick="planTrip()" style="box-shadow: 2px 2px 8px red;">Plan a Trip</button>
+              <a href="./payment.html"><button class="btn" data-aos="fade-in" id="btn-style" style="box-shadow: 2px 2px 8px red;">Book Now</button></a>
             </div>
 
 
             <br>
             <div class="story">
               <div class="video">
-                <img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg" type="video/mp4"></img>
+                <img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg" type="video/mp4" style="box-shadow:2px 2px 8px blue;"></img>
                 <!-- link to the hmtl page with the video -->
                 <a href="story.html" class="btn_video">
                   <span><i class="ri-play-fill"></i></span>
@@ -474,7 +475,7 @@ <h2 class="section__title">Best trip package</h2>
               <div class="booking__price">
                 <div class="price"><span>From</span> $300</div>
                 <a href="./dedicated-destinations/santorini-aegean-sea/start.html"><button
-                    class="book__now btn-style">Book
+                    class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">Book
                     Now</button></a>
               </div>
             </div>
@@ -487,7 +488,7 @@ <h2 class="section__title">Best trip package</h2>
               <div class="booking__price">
                 <div class="price"><span>From</span> $450</div>
                 <a href="./dedicated-destinations/machu-picchu-peru/Machu_start.html"><button
-                    class="book__now btn-style">Book
+                    class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">Book
                     Now</button></a>
               </div>
             </div>
@@ -500,13 +501,13 @@ <h2 class="section__title">Best trip package</h2>
               <div class="booking__price">
                 <div class="price"><span>From</span> $400</div>
                 <a href="./dedicated-destinations/grand-canyon-national-park-arizona/Grand_start.html"><button
-                    class="book__now btn-style">Book Now</button></a>
+                    class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">Book Now</button></a>
               </div>
             </div>
           </div>
         </div>
         <div class="view__all">
-          <a href="./package.html"><button class="btn" id="btn-style">View All</button></a>
+          <a href="./package.html"><button class="btn" id="btn-style" style="box-shadow: 2px 2px 8px red;">View All</button></a>
         </div>
       </div>
     </section>
@@ -533,7 +534,7 @@ <h2 class="section__title" data-aos="zoom-in">
                 Explore your suitable and dream places around the world. Here you
                 can find your right destination.
               </p>
-              <button class="btn btn-style" id="btn-page" onclick="replaceDivs()" data-aos="zoom-in">View All</button>
+              <button class="btn btn-style" id="btn-page" onclick="replaceDivs()" data-aos="zoom-in" style="box-shadow: 2px 2px 8px red;" >View All</button>
             </div>
           </div>
         </div>
@@ -813,9 +814,9 @@ <h1>Contact Us</h1>
               <input type="email" id="email" placeholder="Email" required>
               <textarea placeholder="Type your message here.." required ></textarea><br>
               <button onclick="sendMail()" class="btn btn-style" data-aos="fade-in" id="btn-style"
-                style="margin-right: 40px;">Send</button>
+                style="margin-right: 40px;box-shadow: 2px 2px 8px red;">Send</button>
               <button onclick="window.location.href='feed.html'" class="btn  btn-style" data-aos="fade-in"
-                id="btn-style">Feedback</button>
+                id="btn-style" style="box-shadow: 2px 2px 8px red;">Feedback</button>
             </form>
           </div>
         </div>
@@ -837,7 +838,7 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
         <div class="subscribe__form" data-aos="fade-up">
           <form>
             <input type="email" placeholder="Your email here" id="emailInput" required />
-            <button class="btn-send" id="send" type="submit">Send</button>
+            <button class="btn-send" id="send" type="submit" style="box-shadow: 2px 2px 8px blue;">Send</button>
           </form>
         </div>
       </div>