diff --git a/about.html b/about.html
index 7f21d62..cbd171d 100644
--- a/about.html
+++ b/about.html
@@ -63,9 +63,9 @@
         >
           <!-- Brand and toggle get grouped for better mobile display -->
           <div class="navbar-header">
-            <a class="navbar-brand" href="#">
-                <img src="static/images/safarLogoWhite.png" height="90px" width="220px" alt="image" />
-                <img src="static/images/safarLogo2.png" height="90px" width="220px" alt="image" />
+            <a class="navbar-brand" href="index.html">
+                <img src="static/images/safarLogoWhite.png" height="60px" width="180px" alt="image" />
+                <img src="static/images/safarLogo2.png" height="60px" width="180px" alt="image" />
               </a>
           </div>
           <!-- Collect the nav links, forms, and other content for toggling -->
@@ -140,7 +140,7 @@
                
               </li>
             
-              <li ><a href="#">Contact Us</a></li>
+              <li ><a href="contact.html">Contact Us</a></li>
             </ul>
             <!-- <a href="#" class="cart-icon d-flex align-items-center ml-1"><i class="icon-basket-loaded"></i><span class="cart-label">3</span></a> -->
           </div>
@@ -680,7 +680,7 @@ <h4 class="white">Services</h4>
                 <ul>
                   <li><a href="#">Payment</a></li>
                   <li><a href="#">Feedback</a></li>
-                  <li><a href="#">Contact us</a></li>
+                  <li><a href="contact.html">Contact us</a></li>
                   <li><a href="#">Our Service</a></li>
                   <li><a href="#">FAQ</a></li>
                   <li><a href="#">Site map</a></li>
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..29e0790
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,606 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="zxx">
+
+<head>
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Yatriiworld - Travel and Tours Booking Template</title>
+    <!-- Favicon -->
+    <link rel="shortcut icon" type="image/x-icon" href="static/images//favicon.png">
+    <!-- Bootstrap core CSS -->
+    <link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
+    <!--Custom CSS-->
+    <link href="static/css/style.css" rel="stylesheet" type="text/css">
+    <!--Plugin CSS-->
+    <link href="static/css/plugin.css" rel="stylesheet" type="text/css">
+    <!--Flaticons CSS-->
+    <link href="static/fonts//flaticon.css" rel="stylesheet" type="text/css">
+    <!--Font Awesome-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
+
+    <link rel="stylesheet" href="static/fonts//line-icons.css" type="text/css">
+</head>
+<body>
+
+    <!-- Preloader -->
+    <div id="preloader">
+        <div id="status"></div>
+    </div>
+    <!-- Preloader Ends -->
+
+    <!-- header starts -->
+    <header class="main_header_area headerstye-1">
+        <div class="header-content">
+            <div class="container d-flex align-items-center justify-content-between">
+                <div class="links">
+                    <ul>
+                        <li><a href="#" class="white"><i class="fa fa-phone"></i> (+91)9998989888</a></li>
+                        <li><a href="#" class="white"><i class="fa fa-support"></i> info@SufferCapture.com</a></li>
+                        <li><a href="#" class="white"><i class="fa fa-map-marker"></i> Mon-Sun: 10 AM – 5 PM</a></li>
+                    </ul>
+                </div>
+                <div class="links float-right">
+                    <ul>  
+                        <li><a href="#"><i class="fab fa-facebook white" aria-hidden="true"></i></a></li>
+                        <li><a href="#"><i class="fab fa-twitter white" aria-hidden="true"></i></a></li>
+                        <li><a href="#"><i class="fab fa-instagram white" aria-hidden="true"></i></a></li>
+                        <li><a href="#"><i class="fab fa-linkedin white" aria-hidden="true"></i></a></li>
+                        <li><a href="#search1" class="mt_search"><i class="icon-magnifier white"></i></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+      <!-- Navigation Bar -->
+      <div class="header_menu" id="header_menu">
+        <nav class="navbar navbar-default">
+          <div class="container">
+            <div
+              class="navbar-flex d-flex align-items-center justify-content-between w-100 pb-2 pt-2"
+            >
+              <!-- Brand and toggle get grouped for better mobile display -->
+              <div class="navbar-header">
+                <a class="navbar-brand" href="index.html">
+                    <img src="static/images/safarLogoWhite.png" height="60px" width="180px" alt="image" />
+                    <img src="static/images/safarLogo2.png" height="60px" width="180px" alt="image" />
+                </a>
+              </div>
+              <!-- Collect the nav links, forms, and other content for toggling -->
+              <div
+                class="navbar-collapse1 d-flex align-items-center"
+                id="bs-example-navbar-collapse-1"
+              >
+                <ul class="nav navbar-nav" id="responsive-menu">
+                  <li class=" pr-2">
+                    <a href="index.html">Home</a>
+                  </li>
+                  <li class="pr-2"><a href="about.html">About Us</a></li>
+                  <li class="submenu dropdown pr-2">
+                    <a
+                      href="#"
+                      class="dropdown-toggle"
+                      data-toggle="dropdown"
+                      role="button"
+                      aria-haspopup="true"
+                      aria-expanded="false"
+                      >Packages <i class="icon-arrow-down" aria-hidden="true"></i
+                    ></a>
+                    <ul class="dropdown-menu">
+                      <li><a href="#">Golden Triangle Delight</a></li>
+                      <li><a href="#">Enchanting Kerala</a></li>
+                      <li><a href="#">Historical Hampi </a></li>
+                      <li><a href="#">Serene Himalayan </a></li>
+                      <li><a href="#">Mystical Varanasi </a></li>
+                      <li><a href="#">Wildlife Wonders</a></li>
+                    </ul>
+                  </li>
+
+                  <li class="submenu dropdown pr-2">
+                    <a
+                      href="destin#"
+                      class="dropdown-toggle"
+                      data-toggle="dropdown"
+                      role="button"
+                      aria-haspopup="true"
+                      aria-expanded="false"
+                      >Destination
+                      <i class="icon-arrow-down" aria-hidden="true"></i
+                    ></a>
+                    <ul class="dropdown-menu">
+                      <li>
+                          <a href="destination.html">Shimla</a>
+                        </li>
+                    <li>
+                      <a href="destination.html">Taj Mahal</a>
+                    </li>
+                    <li>
+                      <a href="destination.html">Goa Beaches </a>
+                    </li>
+                    <li>
+                      <a href="destination.html">Jaipur</a>
+                    </li>
+                    <li>
+                      <a href="destination.html">Leh-Ladakh</a>
+                    </li>
+                    <li>
+                      <a href="destination.html">Darjeeling</a>
+                    </li>
+                    
+              
+                  </ul>
+              
+                  </li>
+
+                  <li class="submenu dropdown pr-2">
+                    <a
+                      href="updates.html"
+                  
+                      >Updates </a>
+                   
+                  </li>
+                
+                  <li class="active" ><a href="#">Contact Us</a></li>
+                </ul>
+                <!-- <a href="#" class="cart-icon d-flex align-items-center ml-1"><i class="icon-basket-loaded"></i><span class="cart-label">3</span></a> -->
+              </div>
+              <!-- /.navbar-collapse -->
+
+              <div class="register-login">
+                <a
+                  href="#"
+                  class="mr-2"
+                  data-toggle="modal"
+                  data-target="#register"
+                  ><i class="icon-user mr-1"></i> Register</a
+                >
+                <a href="#" data-toggle="modal" data-target="#login"
+                  ><i class="icon-login mr-1"></i> Login</a
+                >
+              </div>
+
+              <div id="slicknav-mobile"></div>
+            </div>
+          </div>
+          <!-- /.container-fluid -->
+        </nav>
+      </div>
+      <!-- Navigation Bar Ends -->
+    </header>
+    <!-- header ends -->
+<!-- BreadCrumb Starts -->  
+<section class="breadcrumb-main pb-0" style="background-image: url(static/images/bg/bg7.jpg);">
+    <div class="breadcrumb-outer pt-18">
+        <div class="container">
+            <div class="breadcrumb-content d-md-flex align-items-center pt-10">
+                <h2 class="mb-1">Contact Us</h2>
+                <nav aria-label="breadcrumb">
+                    <ul class="breadcrumb">
+                        <li class="breadcrumb-item"><a href="#">Home</a></li>
+                        <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </div>
+    <div class="dot-overlay"></div>
+</section>
+<!-- BreadCrumb Ends --> 
+    <!-- contact starts -->
+    <section class="contact-main pt-0  contact1 bg-grey">
+        <div class="map mb-10">
+            <div style="width: 100%">
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13926.580208487805!2d78.51306019832822!3d29.233993280250168!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390bb6e2dfa592a3%3A0x106a5ff64b502931!2sHariyana%2C%20Uttar%20Pradesh%20246761!5e0!3m2!1sen!2sin!4v1703413616930!5m2!1sen!2sin" width="700" height="550" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
+        </div>
+        <div class="container">
+            <div class="contact-info">
+                <div class="row">
+                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+                        <div class="contact-info">
+                            <h3 class="">INFORMATION ABOUT US</h3>
+                            <p class="mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+                            <div class="info-item d-flex align-items-center bg-white mb-3">
+                                <div class="info-icon">
+                                    <i class="fa fa-map-marker"></i>
+                                </div>
+                                <div class="info-content pl-4">
+                                    <p class="m-0">Hariyana</p>
+                                    <p class="m-0">Uttarpradesh</p>
+                                </div>
+                            </div>
+                            <div class="info-item d-flex align-items-center bg-white mb-3">
+                                <div class="info-icon">
+                                    <i class="fa fa-phone"></i>
+                                </div>
+                                <div class="info-content pl-4">
+                                    <p class="m-0">977-4444-666</p>
+                                    <p class="m-0">977-4444-222</p>
+                                </div>
+                            </div>
+                            <div class="info-item d-flex align-items-center bg-white mb-3">
+                                <div class="info-icon">
+                                    <i class="fa fa-envelope"></i>
+                                </div>
+                                <div class="info-content pl-4">
+                                    <p class="m-0">info@SafarCapture.com</p>
+                                    <p class="m-0">help@SafarCapture.com</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+                        <div id="contact-form1" class="contact-form">
+                            <h3 class="">Keep in Touch</h3>
+                            <p class="mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+                            
+                            <div id="contactform-error-msg"></div>
+
+                            <form method="post" action="#" name="contactform" id="contactform">
+                                <div class="form-group">
+                                    <input type="text" name="first_name" class="form-control" id="fname" placeholder="First Name" required>
+                                </div>
+                                <div class="form-group">
+                                    <input type="text" name="last_name" class="form-control" id="lname" placeholder="Last Name" required>
+                                </div>
+                                <div class="form-group">
+                                    <input type="email" name="email"  class="form-control" id="email" placeholder="Email" required>
+                                </div>
+                                <div class="form-group">
+                                    <input type="text" name="phone" class="form-control" id="phnumber" placeholder="Phone" required>
+                                </div>
+                                <div class="textarea">
+                                    <textarea name="comments" placeholder="Enter a message" required></textarea>
+                                </div>
+                                <div class="comment-btn text-right mt-1">
+                                    <input type="submit" class="nir-btn" id="submit" value="Send Message">
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- contact Ends -->
+
+     <!-- footer starts -->
+     <footer
+     style="background-image: url(static/images/bg/footerbg.jpg)"
+     class="pt-10 "
+   >
+     <div class="footer-upper pb-5">
+       <div class="container">
+         <div class="row">
+           <div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4">
+             <div class="footer-links">
+               <a href="index.html"><img src="static/images/safarLogoWhite.png" height="140px" width="300px"  alt="" /></a>
+               <p class="mt-3">
+                 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
+               </p>
+               <ul>
+                 <li><strong>Phone No:</strong> +91-252-254-2542</li>
+                 <li>
+                   <strong>Location:</strong> Hariyana,India
+                 </li>
+                 <li><strong>Email:</strong> info@SufferCapture.com</li>
+                 <li><strong>Website:</strong> www.SufferCapture.com</li>
+               </ul>
+             </div>
+           </div>
+           <div class="col-lg-2 col-md-6 col-sm-12 col-xs-12 mb-4">
+             <div class="footer-links">
+               <h4 class="white">Company</h4>
+               <ul>
+                 <li><a href="abo#">About Us</a></li>
+                 <li><a href="#">Delivery Information</a></li>
+                 <li><a href="#">Privacy Policy</a></li>
+                 <li><a href="#">Terms &amp; Conditions</a></li>
+                 <li><a href="#">Customer Service</a></li>
+                 <li><a href="#">Return Policy</a></li>
+               </ul>
+             </div>
+           </div>
+           <div class="col-lg-2 col-md-6 col-sm-12 col-xs-12 mb-4">
+             <div class="footer-links">
+               <h4 class="white">Services</h4>
+               <ul>
+                 <li><a href="#">Payment</a></li>
+                 <li><a href="#">Feedback</a></li>
+                 <li><a href="#">Contact us</a></li>
+                 <li><a href="#">Our Service</a></li>
+                 <li><a href="#">FAQ</a></li>
+                 <li><a href="#">Site map</a></li>
+               </ul>
+             </div>
+           </div>
+           <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mb-4">
+             <div class="footer-links">
+               <h4 class="white">Contact</h4>
+               
+               <div class="newsletter-form form-main">
+                 <form>
+                   <div class="form-group">
+                       <div class="input-box input-group">
+                         <div class="input-group-prepend">
+                           <span class="input-group-text"><i class="fa fa-user"></i></span>
+                         </div>
+                         <input type="text" class="form-control" placeholder=" Enter Full Name" required />
+                       </div>
+                     </div>
+                     <div class="form-group">
+                       <div class="input-box input-group">
+                         <div class="input-group-prepend">
+                           <span class="input-group-text"><i class="fa fa-phone"></i></span>
+                         </div>
+                         <input type="Number" class="form-control" placeholder="Enter Phone no." required />
+                       </div>
+                     </div>
+                     <div class="form-group">
+                       <div class="input-box input-group">
+                         <div class="input-group-prepend">
+                           <span class="input-group-text"><i class="fa fa-envelope"></i></span>
+                         </div>
+                         <input type="email" class="form-control" placeholder="Enter Email " required />
+                       </div>
+                     </div>
+                     <div class="form-group">
+                       <div class="input-box input-group">
+                         <div class="input-group-prepend">
+                           <span class="input-group-text"><i class="fa fa-envelope"></i></span>
+                         </div>
+                         <input type="text" class="form-control" placeholder="Write your message.." required />
+                       </div>
+                     </div>
+                   <input
+                     type="submit"
+                     class="nir-btn mt-2 w-100"
+                     value="Submit"
+                   />
+                 </form>
+               </div>
+             </div>
+           </div>
+         </div>
+       </div>
+     </div>
+     <div class="footer-copyright pt-2 pb-2">
+       <div class="container">
+         <div
+           class="copyright-inner d-md-flex align-items-center justify-content-between"
+         >
+           <div class="copyright-text">
+             <p class="m-0 white">Copyright © 2023-2024 ByteX Technologies. <br>All rights reserved.</p>
+           </div>
+           <div class="social-links">
+             <ul>
+               <li>
+                 <a href="#"
+                   ><i class="fab fa-facebook" aria-hidden="true"></i
+                 ></a>
+               </li>
+               <li>
+                 <a href="#"
+                   ><i class="fab fa-twitter" aria-hidden="true"></i
+                 ></a>
+               </li>
+               <li>
+                 <a href="#"
+                   ><i class="fab fa-instagram" aria-hidden="true"></i
+                 ></a>
+               </li>
+               <li>
+                 <a href="#"
+                   ><i class="fab fa-linkedin" aria-hidden="true"></i
+                 ></a>
+               </li>
+             </ul>
+           </div>
+         </div>
+       </div>
+     </div>
+     <div class="overlay"></div>
+   </footer>
+   <!-- footer ends -->
+    
+    <!-- Back to top start -->
+    <div id="back-to-top">
+        <a href="#"></a>
+    </div>
+    <!-- Back to top ends -->
+
+    <!-- search popup -->
+    <div id="search1">
+        <button type="button" class="close">×</button>
+        <form>
+            <input type="search" value="" placeholder="type keyword(s) here" />
+            <button type="submit" class="btn btn-primary">Search</button>
+        </form>
+    </div>
+
+    <!-- Register Modal -->
+    <div class="modal fade" id="register" tabindex="-1" role="dialog" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div class="modal-header bordernone p-0">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body p-0">
+                    <div class="login-content p-4 text-center">
+                        <div class="login-title section-border">
+                            <h3 class="pink mb-1">Register</h3>  
+                            <p>Access thousands of online classes in design, business, and more!</p>                  
+                        </div>
+                        <div class="login-form text-center">
+                            <form>
+                                <div class="form-group">
+                                    <input type="text" placeholder="Enter Full Name">
+                                </div>
+                                <div class="form-group">
+                                    <input type="email" placeholder="Enter email address">
+                                </div>
+                                <div class="form-group">
+                                    <input type="password" placeholder="Enter password">
+                                </div>
+                                <div class="form-group">
+                                    <input type="password" placeholder="Confirm password">
+                                </div>
+                            </form>
+                            <div class="form-btn">
+                                <a href="#" class="nir-btn">Register</a>
+                            </div>
+                            <div class="form-group mb-0 form-checkbox mt-3">
+                                <input type="checkbox"> By clicking this, you are agree to to<a href="#" class=""> our terms of use</a> and <a href="#" class="">privacy policy</a> including the use of cookies
+                            </div>
+                        </div>
+                        <div class="login-social border-t mt-3 pt-2 mb-3">
+                            <p class="mb-2">OR continue with</p>
+                            <a href="#" class="btn-facebook"><i class="fab fa-facebook" aria-hidden="true"></i> Facebook</a>
+                            <a href="#" class="btn-twitter"><i class="fab fa-twitter" aria-hidden="true"></i> Twitter</a>
+                            <a href="#" class="btn-google"><i class="fab fa-google" aria-hidden="true"></i> Google</a>
+                        </div>
+                        <div class="sign-up">
+                            <p class="m-0">Already have an account? <a href="login.html" class="pink">Login</a></p>
+                        </div>                
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- login Modal -->
+    <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div class="modal-header bordernone p-0">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body p-0">
+                    <div class="login-content p-4 text-center">
+                        <div class="login-title section-border">
+                            <h3 class="pink">Login</h3>                    
+                        </div>
+                        <div class="login-form">
+                            <form>
+                                <div class="form-group">
+                                    <input type="email" placeholder="Enter email address">
+                                </div>
+                                <div class="form-group">
+                                    <input type="password" placeholder="Enter password">
+                                </div>
+                            </form>
+                            <div class="form-btn">
+                                <a href="#" class="nir-btn">LOGIN</a>
+                            </div>
+                            <div class="form-group mb-0 form-checkbox mt-3">
+                                <input type="checkbox"> Remember Me | <a href="#" class="">Forgot password?</a>
+                            </div>
+                        </div>
+                        <div class="login-social border-t mt-3 pt-2 mb-3">
+                            <p class="mb-2">OR continue with</p>
+                            <a href="#" class="btn-facebook"><i class="fab fa-facebook" aria-hidden="true"></i> Facebook</a>
+                            <a href="#" class="btn-twitter"><i class="fab fa-twitter" aria-hidden="true"></i> Twitter</a>
+                        </div>
+                        <div class="sign-up">
+                            <p class="m-0">Do not have an account? <a href="login.html" class="pink">Sign Up</a></p>
+                        </div>                
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- header side menu --> 
+    <div class="header_sidemenu">
+        <div class="header_sidemenu_in">
+            <div class="menu">
+                <div class="close-menu">
+                    <i class="fa fa-times white"></i>
+                </div>
+                 <div class="m-contentmain">
+                    <div class="cart-main">
+                        <div class="cart-box">
+                            <div class="popup-container">
+                                <h5 class="p-3 mb-0 bg-pink white text-caps">My Carts(3 Items)</h5>
+                                <div class="cart-entry d-flex align-items-center p-3">
+                                    <a href="#" class="image">
+                                        <img src="static/images//shop/shop1.jpg" alt="">
+                                    </a>
+                                    <div class="content">
+                                        <a href="#" class="title font-weight-bold">Pullover Batwing</a>
+                                        <p class="quantity m-0">Quantity: 3</p>
+                                        <span class="price">$45.00</span>
+                                    </div>
+                                    <div class="button-x">
+                                        <i class="icon-close"></i>
+                                    </div>
+                                </div>
+                                <div class="cart-entry d-flex align-items-center p-3">
+                                    <a href="#" class="image">
+                                        <img src="static/images//shop/shop2.jpg" alt="">
+                                    </a>
+                                    <div class="content">
+                                        <a href="#" class="title font-weight-bold">Pullover Batwing</a>
+                                        <p class="quantity m-0">Quantity: 3</p>
+                                        <span class="price">$90.00</span>
+                                    </div>
+                                    <div class="button-x">
+                                        <i class="icon-close"></i>
+                                    </div>
+                                </div>
+                                <div class="cart-entry d-flex align-items-center p-3">
+                                    <a href="#" class="image">
+                                        <img src="static/images//shop/shop6.jpg" alt="">
+                                    </a>
+                                    <div class="content">
+                                        <a href="#" class="title font-weight-bold">Pullover Batwing</a>
+                                        <p class="quantity m-0">Quantity: 3</p>
+                                        <span class="price">$90.00</span>
+                                    </div>
+                                    <div class="button-x">
+                                        <i class="icon-close"></i>
+                                    </div>
+                                </div>
+                                <div class="summary-total">
+                                    <div class="summary d-flex align-items-center justify-content-between">
+                                        <div class="subtotal font-weight-bold">Delivery Charge</div>
+                                        <div class="price-s">$10</div>
+                                    </div>
+                                    <div class="summary d-flex align-items-center justify-content-between">
+                                        <div class="subtotal font-weight-bold">Sub Total</div>
+                                        <div class="price-s">$200</div>
+                                    </div>
+                                    <div class="summary d-flex align-items-center justify-content-between">
+                                        <div class="subtotal font-weight-bold">Discount</div>
+                                        <div class="price-s">$2</div>
+                                    </div>
+                                    <div class="summary d-flex align-items-center justify-content-between">
+                                        <div class="subtotal font-weight-bold">Total</div>
+                                        <div class="price-s">$208</div>
+                                    </div>
+                                </div>
+                                <div class="cart-buttons d-flex align-items-center justify-content-between">
+                                    <a href="#" class="nir-btn">View Cart</a>
+                                    <a href="#" class="nir-btn-black">Checkout</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>    
+            </div>
+            <div class="overlay hide"></div>
+        </div>
+    </div>
+
+    <!-- *Scripts* -->
+    <script src="static/js/jquery-3.5.1.min.js"></script>
+    <script src="static/js/bootstrap.min.js"></script>
+    <script src="static/js/plugin.js"></script>
+    <script src="static/js/main.js"></script>
+    <script src="static/js/custom-nav.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/destination.html b/destination.html
index 7734b69..2725357 100644
--- a/destination.html
+++ b/destination.html
@@ -63,9 +63,9 @@
             >
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
-                <a class="navbar-brand" href="#">
-                  <img src="static/images/safarLogoWhite.png" height="90px" width="220px" alt="image" />
-                  <img src="static/images/safarLogo2.png" height="90px" width="220px" alt="image" />
+                <a class="navbar-brand" href="index.html">
+                    <img src="static/images/safarLogoWhite.png" height="60px" width="180px" alt="image" />
+                    <img src="static/images/safarLogo2.png" height="60px" width="180px" alt="image" />
                 </a>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
@@ -141,7 +141,7 @@
                    
                   </li>
                 
-                  <li ><a href="#">Contact Us</a></li>
+                  <li ><a href="contact.html">Contact Us</a></li>
                 </ul>
                 <!-- <a href="#" class="cart-icon d-flex align-items-center ml-1"><i class="icon-basket-loaded"></i><span class="cart-label">3</span></a> -->
               </div>
@@ -606,7 +606,7 @@ <h4 class="white">Services</h4>
               <ul>
                 <li><a href="#">Payment</a></li>
                 <li><a href="#">Feedback</a></li>
-                <li><a href="#">Contact us</a></li>
+                <li><a href="contact.html">Contact us</a></li>
                 <li><a href="#">Our Service</a></li>
                 <li><a href="#">FAQ</a></li>
                 <li><a href="#">Site map</a></li>
diff --git a/index.html b/index.html
index 6d49846..baa5164 100644
--- a/index.html
+++ b/index.html
@@ -65,9 +65,9 @@
             >
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
-                <a class="navbar-brand" href="#">
-                  <img src="static/images/safarLogoWhite.png" height="90px" width="220px" alt="image" />
-                  <img src="static/images/safarLogo2.png" height="90px" width="220px" alt="image" />
+                <a class="navbar-brand" href="index.html">
+                  <img src="static/images/safarLogoWhite.png" height="60px" width="180px" alt="image" />
+                <img src="static/images/safarLogo2.png" height="60px" width="180px" alt="image" />
                 </a>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
@@ -144,7 +144,7 @@
                    
                   </li>
                 
-                  <li ><a href="#">Contact Us</a></li>
+                  <li ><a href="contact.html">Contact Us</a></li>
                 </ul>
                 <!-- <a href="#" class="cart-icon d-flex align-items-center ml-1"><i class="icon-basket-loaded"></i><span class="cart-label">3</span></a> -->
               </div>
@@ -276,6 +276,7 @@ <h2>We're Truely Dedicated To Make Your Travel Experience As Much As Simple And
                             <div class="form-content w-100 p-0"> 
                                 <h3 class="form-title text-center m-0 p-3 white">Query Form</h3>
                                 <div class="form-content-inner p-4">
+                                  <form>
                                 <div class="row">
                                     <div class="col-lg-12 col-sm-12">
                                       <div class="form-group">
@@ -370,7 +371,7 @@ <h3 class="form-title text-center m-0 p-3 white">Query Form</h3>
                                     </div>
 
                                 </div>
-                                
+                              </form>
                           
                                
                             </div>
@@ -1682,7 +1683,7 @@ <h4 class="white">Services</h4>
                 <ul>
                   <li><a href="#">Payment</a></li>
                   <li><a href="#">Feedback</a></li>
-                  <li><a href="#">Contact us</a></li>
+                  <li><a href="contact.html">Contact us</a></li>
                   <li><a href="#">Our Service</a></li>
                   <li><a href="#">FAQ</a></li>
                   <li><a href="#">Site map</a></li>
diff --git a/singleUpdate.html b/singleUpdate.html
index 2a0e872..1ddc478 100644
--- a/singleUpdate.html
+++ b/singleUpdate.html
@@ -62,9 +62,9 @@
             >
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
-                <a class="navbar-brand" href="#">
-                  <img src="static/images/safarLogoWhite.png" height="90px" width="220px" alt="image" />
-                  <img src="static/images/safarLogo2.png" height="90px" width="220px" alt="image" />
+                <a class="navbar-brand" href="index.html">
+                    <img src="static/images/safarLogoWhite.png" height="60px" width="180px" alt="image" />
+                    <img src="static/images/safarLogo2.png" height="60px" width="180px" alt="image" />
                 </a>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
@@ -140,7 +140,7 @@
                    
                   </li>
                 
-                  <li ><a href="#">Contact Us</a></li>
+                  <li ><a href="contact.html">Contact Us</a></li>
                 </ul>
                 <!-- <a href="#" class="cart-icon d-flex align-items-center ml-1"><i class="icon-basket-loaded"></i><span class="cart-label">3</span></a> -->
               </div>
@@ -434,7 +434,7 @@ <h4 class="white">Services</h4>
                <ul>
                  <li><a href="#">Payment</a></li>
                  <li><a href="#">Feedback</a></li>
-                 <li><a href="#">Contact us</a></li>
+                 <li><a href="contact.html">Contact us</a></li>
                  <li><a href="#">Our Service</a></li>
                  <li><a href="#">FAQ</a></li>
                  <li><a href="#">Site map</a></li>
diff --git a/updates.html b/updates.html
index c30d13a..30c45cf 100644
--- a/updates.html
+++ b/updates.html
@@ -62,9 +62,9 @@
             >
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
-                <a class="navbar-brand" href="#">
-                  <img src="static/images/safarLogoWhite.png" height="90px" width="220px" alt="image" />
-                  <img src="static/images/safarLogo2.png" height="90px" width="220px" alt="image" />
+                <a class="navbar-brand" href="index.html">
+                    <img src="static/images/safarLogoWhite.png" height="60px" width="180px" alt="image" />
+                    <img src="static/images/safarLogo2.png" height="60px" width="180px" alt="image" />
                 </a>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
@@ -144,7 +144,7 @@
                    
                   </li>
                 
-                  <li ><a href="#">Contact Us</a></li>
+                  <li ><a href="contact.html">Contact Us</a></li>
                 </ul>
                 <!-- <a href="#" class="cart-icon d-flex align-items-center ml-1"><i class="icon-basket-loaded"></i><span class="cart-label">3</span></a> -->
               </div>
@@ -406,7 +406,7 @@ <h4 class="white">Services</h4>
                 <ul>
                   <li><a href="#">Payment</a></li>
                   <li><a href="#">Feedback</a></li>
-                  <li><a href="#">Contact us</a></li>
+                  <li><a href="contact.html">Contact us</a></li>
                   <li><a href="#">Our Service</a></li>
                   <li><a href="#">FAQ</a></li>
                   <li><a href="#">Site map</a></li>
