diff --git a/css/nav_bar_homepage.css b/css/nav_bar_homepage.css
new file mode 100644
index 0000000..cbc0071
--- /dev/null
+++ b/css/nav_bar_homepage.css
@@ -0,0 +1,304 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+main{
+    margin-top: 10vh;
+}
+
+.navbar{
+    display: inline-flex;
+    justify-content: space-between;
+    width: 21vw;
+}
+
+.navbar .Options{
+    color: #d9e1e2;
+    display: flex;
+    align-content: center;
+    text-decoration: none;
+    text-align: center;
+    flex-direction: column;
+    font-size: 0.85em;
+    justify-content: space-between;
+    border-bottom: 0.27em solid #204051;
+    padding-left: 5%;
+    padding-right: 5%;
+    padding-top: 2.9%;
+    padding-bottom: 2.9%;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.navbar a:hover{
+    color: white;
+    background-color: rgba(36, 80, 89, 0.801);
+    border-bottom-color: rgb(65, 198, 198);
+}
+
+.Dropdown .opt:hover{
+    color: white;
+    background-color: rgba(36, 80, 89, 0.801);
+    border-bottom-color: rgb(65, 198, 198);
+}
+
+.logo{
+    color: #ffefc5;
+    height: 100%;
+    font-size: 2.3em;
+    font-family: 'Dosis', sans-serif;
+    display: flex;
+    align-items: center;
+}
+
+#navigate{
+    background-color: rgb(5 40 59 / 89%);
+    height: 9.5vh;
+    width: 100vw;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: fixed;
+    box-shadow: 0.01vw 0.4vh #8d9dafc4;
+    z-index: 3;
+    margin-bottom: 3%;
+}
+
+.searchbox{
+    position: relative;
+    width: 22vw;
+    height: 50%;
+    display:flex;
+}
+
+#bar{
+    width: 86%;
+    height: 100%;
+    color: rgb(12, 10, 10);
+    text-decoration: none;
+    border-color: white;
+    border-style: solid;
+    border-color: #ffffff;
+    outline: none;
+    font-family: 'Roboto', sans-serif;
+}
+
+#empty{
+    border-color: white;
+    border-radius: 0 15% 15% 0;
+    width:4%;
+    height: 100%;
+    background-color: white;
+}
+
+.searchlogo{
+    color: #594b4b;
+    width: 10%;
+    text-align: center;
+    font-size: 10%;
+    border: 0.1em solid white;
+    padding-top: 1%;
+    padding-bottom: 2%;
+    background-color: rgb(237, 237, 237);
+    border-radius: 15% 0% 0% 15%;
+}
+
+.response{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    align-content: center;
+    width: 18vw;
+    height: 100%;
+}
+
+.response a{
+    color: rgb(76, 207, 189);
+    display: flex;
+    height: 100%;
+    align-content: center;
+    flex-direction: column;
+    font-size: 0.85em;
+    text-decoration: none;
+    align-items: center;
+    padding-top: 5.5%;
+    padding-left: 5%;
+    padding-right: 5%;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.account{
+    height: 90%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-content: center;
+    padding-top: 0%;
+}
+
+.account .drop_down{
+    display: flex;
+    align-items: center;
+    align-content: center;
+    position: absolute;
+    margin: 9.5vh;
+    height: 220%;
+    width: 13%;
+    overflow: hidden;
+    display: none;
+}
+
+.login{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-content: center;
+    height: 100%;
+    width: 100%;
+    border-radius: 6%;
+    overflow: hidden;
+}
+
+.drop_down .login div{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-content: center;
+    background-color: rgb(47, 99, 112);
+    width: 100%;
+    height: 100%;
+    border-bottom: 0.5px solid rgb(111, 111, 111);
+}
+
+.drop_down .login div a{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    align-content: center;
+    padding-left: 18%;
+    padding-right: 13%;
+    color: white;
+    width: 100%;
+    background-color: rgb(47, 99, 112);
+    padding-bottom: 5%;
+    font-size: 0.85em;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.account .person_logo{
+    color: rgb(76, 207, 189);
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+    font-size: 0.85em;
+    text-decoration: none;
+    align-items: center;
+    padding-top: 26%;
+    padding-bottom: 42%;
+    padding-left: 20%;
+    padding-right: 20%;
+    cursor: pointer;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.response a:hover, .person_logo:hover{
+    color: rgb(23, 25, 25);
+    background-color: rgba(25, 67, 89, 0.89);
+}
+
+.login div a:hover{
+    color: black;
+    background-color: rgba(36, 80, 89, 0.801);
+    font-size: 0.77em;
+}
+
+.account:hover .drop_down{
+    display: flex;
+}
+
+.Dropdown .transport{
+    display: flex;
+    align-items: center;
+    align-content: center;
+    flex-direction: column;
+    position: fixed;
+    z-index: 1;
+    margin: 9.6vh;
+    width: 9%;
+    height: 18%;
+    border-radius: 5%;
+    overflow: hidden;
+    box-shadow: 0 2% 5% black;
+    display: none;
+}
+
+.Dropdown .transport .travel{
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    box-shadow: 0 2px 2px black;
+}
+
+.Dropdown .opt{
+    color: #d9e1e2;
+    display: flex;
+    align-content: center;
+    text-decoration: none;
+    text-align: center;
+    flex-direction: column;
+    font-size: 0.8em;
+    justify-content: space-between;
+    border-bottom: 0.27em solid #204051;
+    padding-left: 30%;
+    padding-right: 30%;
+    padding-top: 20%;
+    padding-bottom: 15%;
+    font-family: 'Open Sans', sans-serif;
+    cursor: pointer;
+}
+
+.Dropdown{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    align-content: center;
+}
+
+.Dropdown .transport .travel div {
+    display: flex;
+    flex-direction: column;
+    background-color: rgb(47, 99, 112);
+    width: 100%;
+    height: 100%;
+    border: 10% solid black;
+}
+
+.Dropdown .transport .travel a {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    color: #d9e1e2;
+    text-decoration: none;
+    font-size: 0.85em;
+    padding: 10% 27%;
+    font-family: 'Open Sans', sans-serif;
+    border-bottom-style: solid;
+    border-top-style: solid;
+    border-bottom-color: rgba(119, 119, 119, 0.400);
+    border-top-color: rgba(119, 119, 119, 0.400);
+    border-bottom-width: 0.2px;
+    border-top-width: 0.2px;
+}
+
+.Dropdown .transport .travel a:hover {
+    color: black;
+    background-color: rgba(36, 80, 89, 0.801);
+}
+
+.Dropdown:hover .transport {
+    display: flex;
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index dbb31a8..70ac615 100644
--- a/css/style.css
+++ b/css/style.css
@@ -12504,7 +12504,6 @@ h2.title-modern>span {
 .page {
     position: relative;
     overflow: hidden;
-    min-height: 100vh;
     text-align: center;
 }
 
diff --git a/index.html b/index.html
index 5faada3..527653e 100644
--- a/index.html
+++ b/index.html
@@ -15,22 +15,33 @@
   <meta property="og:url" content="https://jaysomani.github.io/firstspot/" />
   <meta property="og:type" content="website" />
 
-  <!-- Twitter Tags for social media sharing -->
-  <meta name="twitter:card" content="FirstSpot - Your Dream Tours Await!" />
-  <meta name="twitter:title" content="FirstSpot - Your Dream Tours Await!" />
-  <meta name="twitter:description" content="Our agency offers travelers various tours and excursions with destinations all over the world. Browse our website to find your dream tour!" />
-  <meta name="twitter:image" content="images/favicon.ico" /> 
-  <meta name="twitter:url" content="https://jaysomani.github.io/firstspot/" />
-
-  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
-  <!-- Stylesheets-->
-  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> -->
-  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script> -->
-  <!-- //////////////////////// -->
-  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7CPoppins:400%7CTeko:300,400" />
-  <link rel="stylesheet" href="css/bootstrap.css" />
-  <link rel="stylesheet" href="css/fonts.css" />
-  <link rel="stylesheet" href="css/style.css" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
+    <!-- //////////////////////// -->
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7CPoppins:400%7CTeko:300,400" />
+    <link rel="stylesheet" href="css/bootstrap.css" />
+    <link rel="stylesheet" href="css/fonts.css" />
+    <link rel="stylesheet" href="css/style.css" />
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/nav_bar_homepage.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
+    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@500&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">>
+    <meta name="twitter:card" content="FirstSpot - Your Dream Tours Await!" />
+    <meta name="twitter:title" content="FirstSpot - Your Dream Tours Await!" />
+    <meta name="twitter:description" content="Our agency offers travelers various tours and excursions with destinations all over the world. Browse our website to find your dream tour!" />
+    <meta name="twitter:image" content="images/favicon.ico" /> 
+    <meta name="twitter:url" content="https://jaysomani.github.io/firstspot/" />
+    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7CPoppins:400%7CTeko:300,400" />
+    <link rel="stylesheet" href="css/bootstrap.css" />
+    <link rel="stylesheet" href="css/fonts.css" />
+    <link rel="stylesheet" href="css/style.css" />
+  
     <style>
         .ie-panel {
             display: none;
@@ -64,91 +75,66 @@
     </div>
     <div class="page">
         <!-- Page Header-->
-        <header class="section page-header">
-            <!-- RD Navbar-->
-
-
-
-            <div class="rd-navbar-wrap">
-              <nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed"
-                  data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="106px"
-                  data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
-                  <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse">
-                      <span></span>
-                  </div>
-                  <div class="rd-navbar-aside-outer"></div>
-                  <div class="rd-navbar-main-outer">
-                      <div class="rd-navbar-main">
-                          <div class="rd-navbar-nav-wrap">
-           
-                              <div class="dropdown">
-                                  <button id="user" class="userlink" type="button" data-toggle="dropdown">username<span class="caret"></span></button>
-                                  <ul class="dropdown-menu">
-                                      <li><a href="./pages/login/login.html">login / signup as Tourist</a></li>
-                                      <li><a href="./pages/Signup/guidelogin.html">login / signup as Tourist guide</a></li>
-                                      <li id="signOut" style="cursor:pointer"><a href="">SignOut</a></li>
-                                  </ul>
-                              </div>
-                   
-                              <!-- <li class="rd-nav-item">
-                                  <a id="signOut" class="signoutlink" href="#">Sign Out</a>
-                              </li> -->
-                              <!-- RD Navbar Nav -->
-                              <ul class="rd-navbar-nav">
-
-                                  <li class="rd-nav-item active">
-                                      <a class="rd-nav-link" href="index.html">Home</a>
-                                  </li>
-                                  <li class="rd-nav-item">
-                                      <a class="rd-nav-link" href="https://stirring-tartufo-4f55fa.netlify.app/">Explore</a>
-                                  </li>
-                                  <li class="rd-nav-item">
-                                      <a class="rd-nav-link" href="./pages/Profile/profile.html">Guide</a>
-                                  </li>
-                                  <li class="rd-nav-item">
-                                    <a class="rd-nav-link" href="./pages/blogs/blog.html">Blogs</a>
-                                </li>
-       
-                              </ul>
-                          </div>
+      <header id="navigate">
+          <div class="logo">
+              FirstSpot
+          </div>
+          <nav class="navbar">
+              <a class="Options" href="#"><span class="material-symbols-outlined">hotel</span>Hotels</a>
+              <div class="Dropdown">
+                  <div class="opt"><span class="material-symbols-outlined">commute</span>Commute</div>
+                  <div class="transport">
+                      <div class="travel">
+                          <div><a href="#"><span class="material-symbols-outlined">flight_takeoff</span>Flights</a></div>
+                          <div><a href="#"><span class="material-symbols-outlined">train</span>Trains</a></div>
                       </div>
                   </div>
-              </nav>
-              <h3 id="hh"></h3>
+              </div>
+              <a class="Options" href="#"><span class="material-symbols-outlined">location_city</span>Places</a>
+              <a class="Options" href="./pages/Profile/profile.html"><span class="material-symbols-outlined">near_me</span>Guide</a>
+          </nav>
+          <div class="searchbox">
+              <div class="searchlogo">
+                  <span class="material-symbols-outlined">search</span>
+              </div>
+              <input class="search" id="bar" placeholder="Search for destination">
+              <div id="empty"></div>
           </div>
-            <!-- /////////////////////////////////////////////////////////////// -->
-
-            <!-- ////////////////////////////////////////////////////////////// -->
-        </header>
-        <!-- Swiper-->
-        <div id="cursor"></div>
-        <div id="cursor-blur"></div>
-        
-        <section class="section swiper-container swiper-slider swiper-slider-corporate swiper-pagination-style-2" data-loop="true" data-autoplay="5000" data-simulate-touch="true" data-nav="false" data-direction="vertical">
-            <div class="swiper-wrapper text-left">
-                <div class="swiper-slide context-dark" data-slide-bg="images/italy-517522957.jpg">
-                    <div class="swiper-slide-caption section-md">
-                        <div class="container">
-                            <div class="row">
-                                <div class="col-md-10">
-                                    <h6 style="color: black;" class="text-uppercase" data-caption-animate="fadeInRight" data-caption-delay="0">
-                                        Enjoy the Best Destinations with Our Travel Agency
-                                    </h6>
-                                    <h2 style="color: black;" class="oh font-weight-light" data-caption-animate="slideInUp" data-caption-delay="100">
-                                        <span>Explore</span
-                      ><span class="font-weight-bold"> The World</span>
-                                    </h2>
-
-                                   
-                                    <div style="text-align: center;">
-                                      <a style="color: black; display: inline-block; margin:90px 0; border-radius: 10px;" class="button button-black-outline button-ujarak" href="./pages/contact/contact.html" data-caption-animate="fadeInLeft" data-caption-delay="0">Get in touch</a>
-                                  </div>
-
+          <div class="response">
+              <a href="#"><span class="material-symbols-outlined">Home</span><span class="Inactiv">Home</span></a>
+              <div class="account">
+                  <div class="person_logo"><span class="material-symbols-outlined">person</span>Account</div>
+                  <div class="drop_down">
+                      <div class="login">
+                          <div><a href="./pages/login/login.html">Tourist (Login / Sign Up)</a></div>
+                          <div><a href="./pages/Signup/guidelogin.html">Guide (Login / Sign Up)</a></div>
+                          <div><a href="#">Help & Support <pre> </pre><span class="material-symbols-outlined">help</span></a></div>
+                      </div>
                   </div>
-                </div>
               </div>
-            </div>
+              <a href="#"><span class="material-symbols-outlined">bookmarks</span><span class="Inactiv">Saved</span></a>
+              <a href="#"><span class="material-symbols-outlined">travel_explore</span><span class="Inactiv">Explore</span></a>
           </div>
+      </header>
+    </div>
+      <main>
+        <!-- Swiper-->
+        <section class="section swiper-container swiper-slider swiper-slider-corporate swiper-pagination-style-2" data-loop="true" data-autoplay="5000" data-simulate-touch="true" data-nav="false" data-direction="vertical">
+          <div class="swiper-wrapper text-left">
+              <div class="swiper-slide context-dark" data-slide-bg="images/italy-517522957.jpg">
+                  <div class="swiper-slide-caption section-md">
+                      <div class="container">
+                          <div class="row">
+                              <div class="col-md-10">
+                                  <h6 style="color: black;" class="text-uppercase" data-caption-animate="fadeInRight" data-caption-delay="0">
+                                      Enjoy the Best Destinations with Our Travel Agency
+                                  </h6>
+                                  <h2 style="color: black;" class="oh font-weight-light" data-caption-animate="slideInUp" data-caption-delay="100">
+                                      <span>Explore</span
+                    ><span class="font-weight-bold"> The World</span>
+                                  </h2>
+                                  <a style="color: black;" class="button button-black-outline button-ujarak" href="./pages/contact/contact.html" data-caption-animate="fadeInLeft" data-caption-delay="0">Get in touch</a
+                  >
           <div
             class="swiper-slide context-dark"
             data-slide-bg="images/359648.jpg"
@@ -206,606 +192,666 @@ <h2 class="oh font-weight-light" data-caption-animate="slideInUp" data-caption-d
             </div>
           </div>
         </div>
-        <!-- Swiper Pagination-->
-        <div class="swiper-pagination"></div>
-      </section>
-      <!-- Section Box Categories-->
-      <section class="section section-lg section-top-1 bg-gray-4">
-        <div class="container offset-negative-1">
-          <div class="box-categories cta-box-wrap">
-            <div class="box-categories-content">
-              <div class="row justify-content-center">
-                <div class="col-md-4 wow fadeInDown col-9" data-wow-delay=".2s">
-                  <ul class="list-marked-2 box-categories-list">
-                    <li>
-                      <a href="#"
-                        ><img
-                          src="images/ballon-wallpaper.jpg"
-                          alt=""
-                          width="368"
-                          height="420"
-                      /></a>
-                                    <h5 class="box-categories-title">Balloon Flights</h5>
-                                    </li>
-                                    </ul>
-                                </div>
-                                <div class="col-md-4 wow fadeInDown col-9" data-wow-delay=".2s">
-                                    <ul class="list-marked-2 box-categories-list">
-                                        <li>
-                                            <a href="#"><img src="images/mountains-wallpaper-240-x-320.jpg" alt="" width="368" height="420" /></a>
-                                            <h5 class="box-categories-title">Mountain Holiday</h5>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="col-md-4 wow fadeInDown col-9" data-wow-delay=".2s">
-                                    <ul class="list-marked-2 box-categories-list">
-                                        <li>
-                                            <a href="#"><img src="images/beach-1.jpg" alt="" width="368" height="420" /></a>
-                                            <h5 class="box-categories-title">Beach Holidays</h5>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <a class="link-classic wow fadeInUp" href="./pages/Filter/filter.html">Other Tours<span></span
-          ></a>
-                    <!-- Owl Carousel-->
-                </div>
-        </section>
-        <!-- Discover New Horizons-->
-        <section class="section section-sm section-first bg-default text-md-left">
+        <div
+          class="swiper-slide context-dark"
+          data-slide-bg="images/359648.jpg"
+        >
+          <div class="swiper-slide-caption section-md">
             <div class="container">
-                <div class="row row-50 align-items-center justify-content-center justify-content-xl-between">
-                    <div class="col-lg-6 text-center wow fadeInUp">
-                        <img src="images/r0iSDF.jpg" alt="" width="556" height="382" />
-                    </div>
-                    <div class="col-lg-6 wow fadeInRight" data-wow-delay=".1s">
-                        <div class="box-width-lg-470">
-                            <h3>Discover New Horizons</h3>
-                            <!-- Bootstrap tabs-->
-                            <div class="tabs-custom tabs-horizontal tabs-line tabs-line-big tabs-line-style-2 text-center text-md-left" id="tabs-7">
-                                <!-- Nav tabs-->
-                                <ul class="nav nav-tabs">
-                                    <li class="nav-item" role="presentation">
-                                        <a class="nav-link active" href="#tabs-7-1" data-toggle="tab">About us</a
-                      >
-                    </li>
-                    <li class="nav-item" role="presentation">
-                      <a class="nav-link" href="#tabs-7-2" data-toggle="tab"
-                        >Why choose us</a
-                      >
-                    </li>
-                    <li class="nav-item" role="presentation">
-                      <a class="nav-link" href="#tabs-7-3" data-toggle="tab"
-                        >Our mission</a
-                      >
-                    </li>
-                  </ul>
-                  <!-- Tab panes-->
-                  <div class="tab-content">
-                    <div class="tab-pane fade show active" id="tabs-7-1">
-                      <p>
-                        Wonder Tour is committed to bringing our clients the
-                        best in value and quality travel arrangements. We are
-                        passionate about travel and sharing the world's wonders
-                        with you.
-                      </p>
-                      <div class="group-md group-middle">
-                        <a
-                          class="button button-secondary button-pipaluk"
-                          href="./pages/contact/contact.html"
-                          >Get in Touch</a
-                        ><a
-                          class="button button-black-outline button-md"
-                          href="about.html"
-                          >Read More</a
-                        >
-                      </div>
-                    </div>
-                    <div class="tab-pane fade" id="tabs-7-2">
-                      <p>
-                        We are proud to offer excellent quality and value for
-                        money in our tours, which give you the chance to
-                        experience your chosen destination in an authentic and
-                        exciting way.
-                      </p>
-                      <div class="group-md group-middle">
-                        <a
-                          class="button button-secondary button-pipaluk"
-                          href="./pages/contact/contact.html"
-                          >Get in Touch</a
-                        ><a
-                          class="button button-black-outline button-md"
-                          href="about.html"
-                          >Read More</a
-                        >
-                      </div>
-                    </div>
-                    <div class="tab-pane fade" id="tabs-7-3">
-                      <p>
-                        Our mission is to provide the ultimate travel planning
-                        experience while becoming a one-stop shop for every
-                        travel service available in the industry.
-                      </p>
-                      <div class="group-md group-middle">
-                        <a
-                          class="button button-secondary button-pipaluk"
-                          href="./pages/contact/contact.html"
-                          >Get in Touch</a
-                        ><a
-                          class="button button-black-outline button-md"
-                          href="about.html"
-                          >Read More</a
-                        >
+              <div class="row">
+                <div class="col-md-10">
+                  <h6
+                    class="text-uppercase"
+                    data-caption-animate="fadeInRight"
+                    data-caption-delay="0"
+                  >
+                    A team of professional Travel Experts
+                  </h6>
+                  <h2
+                    class="oh font-weight-light"
+                    data-caption-animate="slideInUp"
+                    data-caption-delay="100"
+                  >
+                    <span>Trust</span
+                    ><span class="font-weight-bold"> Our Experience</span>
+                  </h2>
+                  <a
+                    class="button button-default-outline button-ujarak"
+                    href="./pages/contact/contact.html"
+                    data-caption-animate="fadeInLeft"
+                    data-caption-delay="0"
+                    >Get in touch</a>
+                              </div>
+                          </div>
                       </div>
-                    </div>
                   </div>
+              </div>
+              <div class="swiper-slide context-dark" data-slide-bg="images/spain-1793466.jpg">
+                  <div class="swiper-slide-caption section-md">
+                      <div class="container">
+                          <div class="row">
+                              <div class="col-md-10">
+                                  <h6 class="text-uppercase" data-caption-animate="fadeInRight" data-caption-delay="0">
+                                      Build your Next Holiday Trip with Us
+                                  </h6>
+                                  <h2 class="oh font-weight-light" data-caption-animate="slideInUp" data-caption-delay="100">
+                                      <span>Create</span
+                    ><span class="font-weight-bold"> Your Tour</span>
+                                  </h2>
+                                  <a class="button button-default-outline button-ujarak" href="./pages/contact/contact.html" data-caption-animate="fadeInLeft" data-caption-delay="0">Learn more</a
+                  >
                 </div>
               </div>
             </div>
           </div>
         </div>
+      </div>
+      <!-- Swiper Pagination-->
+      <div class="swiper-pagination"></div>
+    </section>
+    <!-- Section Box Categories-->
+    <section class="section section-lg section-top-1 bg-gray-4">
+      <div class="container offset-negative-1">
+        <div class="box-categories cta-box-wrap">
+          <div class="box-categories-content">
+            <div class="row justify-content-center">
+              <div class="col-md-4 wow fadeInDown col-9" data-wow-delay=".2s">
+                <ul class="list-marked-2 box-categories-list">
+                  <li>
+                    <a href="#"
+                      ><img
+                        src="images/ballon-wallpaper.jpg"
+                        alt=""
+                        width="368"
+                        height="420"
+                    /></a>
+                                  <h5 class="box-categories-title">Balloon Flights</h5>
+                                  </li>
+                                  </ul>
+                              </div>
+                              <div class="col-md-4 wow fadeInDown col-9" data-wow-delay=".2s">
+                                  <ul class="list-marked-2 box-categories-list">
+                                      <li>
+                                          <a href="#"><img src="images/mountains-wallpaper-240-x-320.jpg" alt="" width="368" height="420" /></a>
+                                          <h5 class="box-categories-title">Mountain Holiday</h5>
+                                      </li>
+                                  </ul>
+                              </div>
+                              <div class="col-md-4 wow fadeInDown col-9" data-wow-delay=".2s">
+                                  <ul class="list-marked-2 box-categories-list">
+                                      <li>
+                                          <a href="#"><img src="images/beach-1.jpg" alt="" width="368" height="420" /></a>
+                                          <h5 class="box-categories-title">Beach Holidays</h5>
+                                      </li>
+                                  </ul>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+                  <a class="link-classic wow fadeInUp" href="./pages/Filter/filter.html">Other Tours<span></span
+        ></a>
+                  <!-- Owl Carousel-->
+              </div>
       </section>
-      <!--	Our Services-->
-      <section class="section section-sm">
-        <div class="container">
-          <h3>Our Services</h3>
-          <div class="row row-30">
-            <div class="col-sm-6 col-lg-4">
-              <article class="box-icon-classic">
-                <div
-                  class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left"
-                >
-                  <div class="unit-left">
-                    <div
-                      class="box-icon-classic-icon fl-bigmug-line-equalization3"
-                    ></div>
+      <!-- Discover New Horizons-->
+      <section class="section section-sm section-first bg-default text-md-left">
+          <div class="container">
+              <div class="row row-50 align-items-center justify-content-center justify-content-xl-between">
+                  <div class="col-lg-6 text-center wow fadeInUp">
+                      <img src="images/r0iSDF.jpg" alt="" width="556" height="382" />
                   </div>
-                  <div class="unit-body">
-                    <h5 class="box-icon-classic-title">
-                      <a href="#">Personalized Matching</a>
-                                        </h5>
-                                        <p class="box-icon-classic-text">
-                                            Our unique matching system lets you find just the tour you want for your next holiday.
-                                        </p>
-                            </div>
-                        </div>
-                        </article>
-                    </div>
-                    <div class="col-sm-6 col-lg-4">
-                        <article class="box-icon-classic">
-                            <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
-                                <div class="unit-left">
-                                    <div class="box-icon-classic-icon fl-bigmug-line-circular220"></div>
-                                </div>
-                                <div class="unit-body">
-                                    <h5 class="box-icon-classic-title">
-                                        <a href="#">Wide Variety of Tours</a>
-                                    </h5>
-                                    <p class="box-icon-classic-text">
-                                        We offer a wide variety of personally picked tours with destinations all over the globe.
-                                    </p>
-                                </div>
-                            </div>
-                        </article>
-                    </div>
-                    <div class="col-sm-6 col-lg-4">
-                        <article class="box-icon-classic">
-                            <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
-                                <div class="unit-left">
-                                    <div class="box-icon-classic-icon fl-bigmug-line-favourites5"></div>
-                                </div>
-                                <div class="unit-body">
-                                    <h5 class="box-icon-classic-title">
-                                        <a href="#">Highly Qualified Service</a>
-                                    </h5>
-                                    <p class="box-icon-classic-text">
-                                        Our tour managers are qualified, skilled, and friendly to bring you the best service.
-                                    </p>
-                                </div>
-                            </div>
-                        </article>
-                    </div>
-                    <div class="col-sm-6 col-lg-4">
-                        <article class="box-icon-classic">
-                            <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
-                                <div class="unit-left">
-                                    <div class="box-icon-classic-icon fl-bigmug-line-headphones32"></div>
-                                </div>
-                                <div class="unit-body">
-                                    <h5 class="box-icon-classic-title">
-                                        <a href="#">24/7 Support</a>
-                                    </h5>
-                                    <p class="box-icon-classic-text">
-                                        You can always get professional support from our staff 24/7 and ask any question you have.
-                                    </p>
-                                </div>
-                            </div>
-                        </article>
-                    </div>
-                    <div class="col-sm-6 col-lg-4">
-                        <article class="box-icon-classic">
-                            <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
-                                <div class="unit-left">
-                                    <div class="box-icon-classic-icon fl-bigmug-line-hot67"></div>
-                                </div>
-                                <div class="unit-body">
-                                    <h5 class="box-icon-classic-title">
-                                        <a href="#">Handpicked Hotels</a>
-                                    </h5>
-                                    <p class="box-icon-classic-text">
-                                        Our team offers only the best selection of affordable and luxury hotels to our clients.
-                                    </p>
-                                </div>
-                            </div>
-                        </article>
-                    </div>
-                    <div class="col-sm-6 col-lg-4">
-                        <article class="box-icon-classic">
-                            <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
-                                <div class="unit-left">
-                                    <div class="box-icon-classic-icon fl-bigmug-line-wallet26"></div>
-                                </div>
-                                <div class="unit-body">
-                                    <h5 class="box-icon-classic-title">
-                                        <a href="#">Best Price Guarantee</a>
-                                    </h5>
-                                    <p class="box-icon-classic-text">
-                                        If you find tours that are cheaper than ours, we will compensate the difference.
-                                    </p>
-                                </div>
-                            </div>
-                        </article>
+                  <div class="col-lg-6 wow fadeInRight" data-wow-delay=".1s">
+                      <div class="box-width-lg-470">
+                          <h3>Discover New Horizons</h3>
+                          <!-- Bootstrap tabs-->
+                          <div class="tabs-custom tabs-horizontal tabs-line tabs-line-big tabs-line-style-2 text-center text-md-left" id="tabs-7">
+                              <!-- Nav tabs-->
+                              <ul class="nav nav-tabs">
+                                  <li class="nav-item" role="presentation">
+                                      <a class="nav-link active" href="#tabs-7-1" data-toggle="tab">About us</a
+                    >
+                  </li>
+                  <li class="nav-item" role="presentation">
+                    <a class="nav-link" href="#tabs-7-2" data-toggle="tab"
+                      >Why choose us</a
+                    >
+                  </li>
+                  <li class="nav-item" role="presentation">
+                    <a class="nav-link" href="#tabs-7-3" data-toggle="tab"
+                      >Our mission</a
+                    >
+                  </li>
+                </ul>
+                <!-- Tab panes-->
+                <div class="tab-content">
+                  <div class="tab-pane fade show active" id="tabs-7-1">
+                    <p>
+                      Wonder Tour is committed to bringing our clients the
+                      best in value and quality travel arrangements. We are
+                      passionate about travel and sharing the world's wonders
+                      with you.
+                    </p>
+                    <div class="group-md group-middle">
+                      <a
+                        class="button button-secondary button-pipaluk"
+                        href="./pages/contact/contact.html"
+                        >Get in Touch</a
+                      ><a
+                        class="button button-black-outline button-md"
+                        href="about.html"
+                        >Read More</a
+                      >
                     </div>
-                </div>
-            </div>
-        </section>
-        <!-- Hot tours-->
-        <section class="section section-sm bg-default">
-            <div class="container">
-                <h3 class="oh-desktop">
-                    <span class="d-inline-block wow slideInDown">Hot Tours</span>
-                </h3>
-                <div class="row row-sm row-40 row-md-50">
-                    <div class="col-sm-6 col-md-12 wow fadeInRight">
-                        <!-- Product Big-->
-                        <article class="product-big">
-                            <div class="unit flex-column flex-md-row align-items-md-stretch">
-                                <div class="unit-left">
-                                    <a class="product-big-figure" href="#"><img src="images/benimdorm.jpg" alt="" width="600" height="366" /></a>
-                                </div>
-                                <div class="unit-body">
-                                    <div class="product-big-body">
-                                        <h5 class="product-big-title">
-                                            <a href="#">Benidorm, Spain</a>
-                                        </h5>
-                                        <div class="group-sm group-middle justify-content-start">
-                                            <div class="product-big-rating">
-                                                <span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star_half"></span>
-                                            </div>
-                                            <a class="product-big-reviews" href="#">4 customer reviews</a
-                        >
-                      </div>
-                      <p class="product-big-text">
-                        Benidorm is a buzzing resort with a big reputation for
-                        beach holidays. Situated in sunny Costa Blanca, the town
-                        is one of the original Spanish beach resorts...
-                      </p>
+                  </div>
+                  <div class="tab-pane fade" id="tabs-7-2">
+                    <p>
+                      We are proud to offer excellent quality and value for
+                      money in our tours, which give you the chance to
+                      experience your chosen destination in an authentic and
+                      exciting way.
+                    </p>
+                    <div class="group-md group-middle">
                       <a
-                        class="button button-black-outline button-ujarak"
-                        href="#"
-                        >Buy This Tour</a
+                        class="button button-secondary button-pipaluk"
+                        href="./pages/contact/contact.html"
+                        >Get in Touch</a
+                      ><a
+                        class="button button-black-outline button-md"
+                        href="about.html"
+                        >Read More</a
                       >
-                      <div class="product-big-price-wrap">
-                        <span class="product-big-price">₹12,000</span>
-                      </div>
                     </div>
                   </div>
-                </div>
-              </article>
-            </div>
-            <div class="col-sm-6 col-md-12 wow fadeInLeft">
-              <!-- Product Big-->
-              <article class="product-big">
-                <div
-                  class="unit flex-column flex-md-row align-items-md-stretch"
-                >
-                  <div class="unit-left">
-                    <a class="product-big-figure" href="#"
-                      ><img
-                        src="images/Mauritius-Under-water-waterfall.jpg"
-                        alt=""
-                        width="600"
-                        height="366"
-                    /></a>
-                                        </div>
-                                        <div class="unit-body">
-                                            <div class="product-big-body">
-                                                <h5 class="product-big-title">
-                                                    <a href="#">Mauritius Island, Africa</a>
-                                                </h5>
-                                                <div class="group-sm group-middle justify-content-start">
-                                                    <div class="product-big-rating">
-                                                        <span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star"></span
-                          ><span class="icon material-icons-star_half"></span>
-                                                    </div>
-                                                    <a class="product-big-reviews" href="#">5 customer reviews</a
-                        >
-                      </div>
-                      <p class="product-big-text">
-                        The beautiful and inviting island nation of Mauritius is
-                        an ideal ‘flop and drop’ at the conclusion of your
-                        safari. Indulge in the delightful scents of the
-                        fragrant...
-                      </p>
+                  <div class="tab-pane fade" id="tabs-7-3">
+                    <p>
+                      Our mission is to provide the ultimate travel planning
+                      experience while becoming a one-stop shop for every
+                      travel service available in the industry.
+                    </p>
+                    <div class="group-md group-middle">
                       <a
-                        class="button button-black-outline button-ujarak"
-                        href="#"
-                        >Buy This Tour</a
+                        class="button button-secondary button-pipaluk"
+                        href="./pages/contact/contact.html"
+                        >Get in Touch</a
+                      ><a
+                        class="button button-black-outline button-md"
+                        href="about.html"
+                        >Read More</a
                       >
-                      <div class="product-big-price-wrap">
-                        <span class="product-big-price">₹10,000</span>
-                      </div>
                     </div>
                   </div>
                 </div>
-              </article>
+              </div>
             </div>
           </div>
         </div>
-      </section>
-      <!-- Different People-->
-      <section class="section section-sm"  id="ourTeam">
-        <div class="container">
-          <h3 class="title-block find-car oh">
-            <span class="d-inline-block wow slideInUp"
-              >Our Team</span
-            >
-          </h3>
-          <div class="row row-30 justify-content-center box-ordered">
-                        <div class="col-sm-6 col-md-5 col-lg-3">
-                            <!-- Team Modern-->
-                            <article class="team-modern">
-                                <div class="team-modern-header">
-                                    <a class="team-modern-figure" href="#"><img class="img-circles" src="images/jayeshUserPic" alt="" width="118" height="118" /></a>
-                                    <svg x="0px" y="0px" width="270px" height="70px" viewbox="0 0 270 70" enable-background="new 0 0 270 70" xml:space="preserve">
-                    <g>
-                      <path
-                        fill="#161616"
-                        d="M202.085,0C193.477,28.912,166.708,50,135,50S76.523,28.912,67.915,0H0v70h270V0H202.085z"
-                      ></path>
-                    </g>
-                  </svg>
-                                </div>
-                                <div class="team-modern-caption">
-                                    <h6 class="team-modern-name">
-                                        <a href="#">Jayesh Somani</a>
-                                    </h6>
-                                    <p class="team-modern-status">Team member</p>
-                                    <h6 class="team-modern-phone">
-                                        <a href="tel:#">+91 83081 36904</a>
-                                    </h6>
-                                </div>
-                            </article>
-                        </div>
-                        
+      </div>
+    </section>
+    <!--	Our Services-->
+    <section class="section section-sm">
+      <div class="container">
+        <h3>Our Services</h3>
+        <div class="row row-30">
+          <div class="col-sm-6 col-lg-4">
+            <article class="box-icon-classic">
+              <div
+                class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left"
+              >
+                <div class="unit-left">
+                  <div
+                    class="box-icon-classic-icon fl-bigmug-line-equalization3"
+                  ></div>
+                </div>
+                <div class="unit-body">
+                  <h5 class="box-icon-classic-title">
+                    <a href="#">Personalized Matching</a>
+                                      </h5>
+                                      <p class="box-icon-classic-text">
+                                          Our unique matching system lets you find just the tour you want for your next holiday.
+                                      </p>
+                          </div>
                       </div>
+                      </article>
                   </div>
-        </section>
-        <!-- Section Subscribe-->
-        <section class="section bg-default text-center offset-top-50">
-            <div class="parallax-container" data-parallax-img="images/earth.jpg">
-                <div class="parallax-content section-xl section-inset-custom-1 context-dark bg-overlay-2-21">
-                    <div class="container">
-                        <h2 class="heading-2 oh font-weight-normal wow slideInDown">
-                            <span class="d-block font-weight-semi-bold">FirstSpot</span
-                ><span class="d-block font-weight-light"
-                  >is Waiting for You!</span
-                >
-              </h2>
-              <p
-                class="text-width-medium text-spacing-75 wow fadeInLeft"
-                data-wow-delay=".1s" style="color: yellow;"
-              >
-                Our agency offers travelers various tours and excursions with
-                destinations all over the world. Browse our website to find your
-                dream tour!
-              </p>
-              <a class="button button-secondary button-pipaluk" href="#"
-                >Book a Tour Now</a
-              >
-            </div>
+                  <div class="col-sm-6 col-lg-4">
+                      <article class="box-icon-classic">
+                          <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
+                              <div class="unit-left">
+                                  <div class="box-icon-classic-icon fl-bigmug-line-circular220"></div>
+                              </div>
+                              <div class="unit-body">
+                                  <h5 class="box-icon-classic-title">
+                                      <a href="#">Wide Variety of Tours</a>
+                                  </h5>
+                                  <p class="box-icon-classic-text">
+                                      We offer a wide variety of personally picked tours with destinations all over the globe.
+                                  </p>
+                              </div>
+                          </div>
+                      </article>
+                  </div>
+                  <div class="col-sm-6 col-lg-4">
+                      <article class="box-icon-classic">
+                          <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
+                              <div class="unit-left">
+                                  <div class="box-icon-classic-icon fl-bigmug-line-favourites5"></div>
+                              </div>
+                              <div class="unit-body">
+                                  <h5 class="box-icon-classic-title">
+                                      <a href="#">Highly Qualified Service</a>
+                                  </h5>
+                                  <p class="box-icon-classic-text">
+                                      Our tour managers are qualified, skilled, and friendly to bring you the best service.
+                                  </p>
+                              </div>
+                          </div>
+                      </article>
+                  </div>
+                  <div class="col-sm-6 col-lg-4">
+                      <article class="box-icon-classic">
+                          <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
+                              <div class="unit-left">
+                                  <div class="box-icon-classic-icon fl-bigmug-line-headphones32"></div>
+                              </div>
+                              <div class="unit-body">
+                                  <h5 class="box-icon-classic-title">
+                                      <a href="#">24/7 Support</a>
+                                  </h5>
+                                  <p class="box-icon-classic-text">
+                                      You can always get professional support from our staff 24/7 and ask any question you have.
+                                  </p>
+                              </div>
+                          </div>
+                      </article>
+                  </div>
+                  <div class="col-sm-6 col-lg-4">
+                      <article class="box-icon-classic">
+                          <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
+                              <div class="unit-left">
+                                  <div class="box-icon-classic-icon fl-bigmug-line-hot67"></div>
+                              </div>
+                              <div class="unit-body">
+                                  <h5 class="box-icon-classic-title">
+                                      <a href="#">Handpicked Hotels</a>
+                                  </h5>
+                                  <p class="box-icon-classic-text">
+                                      Our team offers only the best selection of affordable and luxury hotels to our clients.
+                                  </p>
+                              </div>
+                          </div>
+                      </article>
+                  </div>
+                  <div class="col-sm-6 col-lg-4">
+                      <article class="box-icon-classic">
+                          <div class="unit box-icon-classic-body flex-column flex-md-row text-md-left flex-lg-column text-lg-center flex-xl-row text-xl-left">
+                              <div class="unit-left">
+                                  <div class="box-icon-classic-icon fl-bigmug-line-wallet26"></div>
+                              </div>
+                              <div class="unit-body">
+                                  <h5 class="box-icon-classic-title">
+                                      <a href="#">Best Price Guarantee</a>
+                                  </h5>
+                                  <p class="box-icon-classic-text">
+                                      If you find tours that are cheaper than ours, we will compensate the difference.
+                                  </p>
+                              </div>
+                          </div>
+                      </article>
+                  </div>
+              </div>
           </div>
-        </div>
       </section>
-      <!--	Instagrram wondertour-->
-      <section
-        class="section section-sm section-top-0 section-fluid section-relative bg-gray-4"
-      >
-        <div class="container-fluid" id="ourGallery">
-          <h6 class="gallery-title">Gallery</h6>
-          <!-- Owl Carousel-->
-          <div
-            class="owl-carousel owl-classic owl-dots-secondary"
-            data-items="1"
-            data-sm-items="2"
-            data-md-items="3"
-            data-lg-items="4"
-            data-xl-items="5"
-            data-xxl-items="6"
-            data-stage-padding="15"
-            data-xxl-stage-padding="0"
-            data-margin="30"
-            data-autoplay="true"
-            data-nav="true"
-            data-dots="true"
-          >
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/paris tower.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/paris tower.jpg"
-                  data-lightgallery="item"
-                  ></a>
-              </div>
-            </article>
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/rockyPlace.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/rockyPlace.jpg"
-                  data-lightgallery="item"
-                  ></a>
-              </div>
-            </article>
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/india taj mahal.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/india taj mahal.jpg"
-                  data-lightgallery="item"
-                  ></a>
-              </div>
-            </article>
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/dubai.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/dubai.jpg"
-                  data-lightgallery="item"
-                  ></a>
-              </div>
-            </article>
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/lotus.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/lotus.jpg"
-                  data-lightgallery="item"
-                  ></a>
-              </div>
-            </article>
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/italy-517522957.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/italy-517522957.jpg"
-                  data-lightgallery="item"
-                  ></a>
+      <!-- Hot tours-->
+      <section class="section section-sm bg-default">
+          <div class="container">
+              <h3 class="oh-desktop">
+                  <span class="d-inline-block wow slideInDown">Hot Tours</span>
+              </h3>
+              <div class="row row-sm row-40 row-md-50">
+                  <div class="col-sm-6 col-md-12 wow fadeInRight">
+                      <!-- Product Big-->
+                      <article class="product-big">
+                          <div class="unit flex-column flex-md-row align-items-md-stretch">
+                              <div class="unit-left">
+                                  <a class="product-big-figure" href="#"><img src="images/benimdorm.jpg" alt="" width="600" height="366" /></a>
+                              </div>
+                              <div class="unit-body">
+                                  <div class="product-big-body">
+                                      <h5 class="product-big-title">
+                                          <a href="#">Benidorm, Spain</a>
+                                      </h5>
+                                      <div class="group-sm group-middle justify-content-start">
+                                          <div class="product-big-rating">
+                                              <span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star_half"></span>
+                                          </div>
+                                          <a class="product-big-reviews" href="#">4 customer reviews</a
+                      >
+                    </div>
+                    <p class="product-big-text">
+                      Benidorm is a buzzing resort with a big reputation for
+                      beach holidays. Situated in sunny Costa Blanca, the town
+                      is one of the original Spanish beach resorts...
+                    </p>
+                    <a
+                      class="button button-black-outline button-ujarak"
+                      href="#"
+                      >Buy This Tour</a
+                    >
+                    <div class="product-big-price-wrap">
+                      <span class="product-big-price">₹12,000</span>
+                    </div>
+                  </div>
+                </div>
               </div>
             </article>
-            <!-- Thumbnail Classic-->
-            <article class="thumbnail thumbnail-mary">
-              <div class="thumbnail-mary-figure">
-                <img
-                  src="images/london.jpg"
-                  alt=""
-                  width="270"
-                  height="195"
-                />
-              </div>
-              <div class="thumbnail-mary-caption">
-                <a
-                  class="icon fl-bigmug-line-zoom60"
-                  href="images/london.jpg"
-                  data-lightgallery="item"
-                  ></a>
+          </div>
+          <div class="col-sm-6 col-md-12 wow fadeInLeft">
+            <!-- Product Big-->
+            <article class="product-big">
+              <div
+                class="unit flex-column flex-md-row align-items-md-stretch"
+              >
+                <div class="unit-left">
+                  <a class="product-big-figure" href="#"
+                    ><img
+                      src="images/Mauritius-Under-water-waterfall.jpg"
+                      alt=""
+                      width="600"
+                      height="366"
+                  /></a>
+                                      </div>
+                                      <div class="unit-body">
+                                          <div class="product-big-body">
+                                              <h5 class="product-big-title">
+                                                  <a href="#">Mauritius Island, Africa</a>
+                                              </h5>
+                                              <div class="group-sm group-middle justify-content-start">
+                                                  <div class="product-big-rating">
+                                                      <span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star"></span
+                        ><span class="icon material-icons-star_half"></span>
+                                                  </div>
+                                                  <a class="product-big-reviews" href="#">5 customer reviews</a
+                      >
+                    </div>
+                    <p class="product-big-text">
+                      The beautiful and inviting island nation of Mauritius is
+                      an ideal ‘flop and drop’ at the conclusion of your
+                      safari. Indulge in the delightful scents of the
+                      fragrant...
+                    </p>
+                    <a
+                      class="button button-black-outline button-ujarak"
+                      href="#"
+                      >Buy This Tour</a
+                    >
+                    <div class="product-big-price-wrap">
+                      <span class="product-big-price">₹10,000</span>
+                    </div>
+                  </div>
+                </div>
               </div>
             </article>
           </div>
         </div>
-      </section>
-      <!-- Page Footer-->
-      <footer class="section footer-corporate context-dark">
-        <div class="footer-corporate-inset">
-          <div class="container">
-            <div class="row row-40 justify-content-lg-between">
-              <div class="col-sm-6 col-md-12 col-lg-3 col-xl-4">
-                <div class="oh-desktop">
-                  <div class="wow slideInRight" data-wow-delay="0s">
-                    <h6 class="text-spacing-100 text-uppercase">Contact us</h6>
-                    <ul class="footer-contacts d-inline-block d-sm-block">
-                      <li>
-                        <div class="unit">
-                          <div class="unit-left">
-                            <span class="icon fa fa-phone"></span>
+      </div>
+    </section>
+    <!-- Different People-->
+    <section class="section section-sm"  id="ourTeam">
+      <div class="container">
+        <h3 class="title-block find-car oh">
+          <span class="d-inline-block wow slideInUp"
+            >Our Team</span
+          >
+        </h3>
+        <div class="row row-30 justify-content-center box-ordered">
+                      <div class="col-sm-6 col-md-5 col-lg-3">
+                          <!-- Team Modern-->
+                          <article class="team-modern">
+                              <div class="team-modern-header">
+                                  <a class="team-modern-figure" href="#"><img class="img-circles" src="images/jayeshUserPic" alt="" width="118" height="118" /></a>
+                                  <svg x="0px" y="0px" width="270px" height="70px" viewbox="0 0 270 70" enable-background="new 0 0 270 70" xml:space="preserve">
+                  <g>
+                    <path
+                      fill="#161616"
+                      d="M202.085,0C193.477,28.912,166.708,50,135,50S76.523,28.912,67.915,0H0v70h270V0H202.085z"
+                    ></path>
+                  </g>
+                </svg>
+                              </div>
+                              <div class="team-modern-caption">
+                                  <h6 class="team-modern-name">
+                                      <a href="#">Jayesh Somani</a>
+                                  </h6>
+                                  <p class="team-modern-status">Team member</p>
+                                  <h6 class="team-modern-phone">
+                                      <a href="tel:#">+91 83081 36904</a>
+                                  </h6>
+                              </div>
+                          </article>
+                      </div>
+                      
                     </div>
-                    <div class="unit-body">
-                        <a class="link-phone" href="tel:#">+91 73XXXXXXXX</a
-                            >
-                          </div>
+                </div>
+      </section>
+      <!-- Section Subscribe-->
+      <section class="section bg-default text-center offset-top-50">
+          <div class="parallax-container" data-parallax-img="images/earth.jpg">
+              <div class="parallax-content section-xl section-inset-custom-1 context-dark bg-overlay-2-21">
+                  <div class="container">
+                      <h2 class="heading-2 oh font-weight-normal wow slideInDown">
+                          <span class="d-block font-weight-semi-bold">FirstSpot</span
+              ><span class="d-block font-weight-light"
+                >is Waiting for You!</span
+              >
+            </h2>
+            <p
+              class="text-width-medium text-spacing-75 wow fadeInLeft"
+              data-wow-delay=".1s" style="color: yellow;"
+            >
+              Our agency offers travelers various tours and excursions with
+              destinations all over the world. Browse our website to find your
+              dream tour!
+            </p>
+            <a class="button button-secondary button-pipaluk" href="#"
+              >Book a Tour Now</a
+            >
+          </div>
+        </div>
+      </div>
+    </section>
+    <!--	Instagrram wondertour-->
+    <section
+      class="section section-sm section-top-0 section-fluid section-relative bg-gray-4"
+    >
+      <div class="container-fluid" id="ourGallery">
+        <h6 class="gallery-title">Gallery</h6>
+        <!-- Owl Carousel-->
+        <div
+          class="owl-carousel owl-classic owl-dots-secondary"
+          data-items="1"
+          data-sm-items="2"
+          data-md-items="3"
+          data-lg-items="4"
+          data-xl-items="5"
+          data-xxl-items="6"
+          data-stage-padding="15"
+          data-xxl-stage-padding="0"
+          data-margin="30"
+          data-autoplay="true"
+          data-nav="true"
+          data-dots="true"
+        >
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/paris tower.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/paris tower.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/rockyPlace.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/rockyPlace.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/india taj mahal.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/india taj mahal.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/dubai.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/dubai.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/lotus.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/lotus.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/italy-517522957.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/italy-517522957.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+          <!-- Thumbnail Classic-->
+          <article class="thumbnail thumbnail-mary">
+            <div class="thumbnail-mary-figure">
+              <img
+                src="images/london.jpg"
+                alt=""
+                width="270"
+                height="195"
+              />
+            </div>
+            <div class="thumbnail-mary-caption">
+              <a
+                class="icon fl-bigmug-line-zoom60"
+                href="images/london.jpg"
+                data-lightgallery="item"
+                ></a>
+            </div>
+          </article>
+        </div>
+      </div>
+    </section>
+    <!-- Page Footer-->
+    <footer class="section footer-corporate context-dark">
+      <div class="footer-corporate-inset">
+        <div class="container">
+          <div class="row row-40 justify-content-lg-between">
+            <div class="col-sm-6 col-md-12 col-lg-3 col-xl-4">
+              <div class="oh-desktop">
+                <div class="wow slideInRight" data-wow-delay="0s">
+                  <h6 class="text-spacing-100 text-uppercase">Contact us</h6>
+                  <ul class="footer-contacts d-inline-block d-sm-block">
+                    <li>
+                      <div class="unit">
+                        <div class="unit-left">
+                          <span class="icon fa fa-phone"></span>
+                  </div>
+                  <div class="unit-body">
+                      <a class="link-phone" href="tel:#">+91 73XXXXXXXX</a
+                          >
+                        </div>
+                      </div>
+                    </li>
+                    <li>
+                      <div class="unit">
+                        <div class="unit-left">
+                          <span class="icon fa fa-envelope"></span>
                         </div>
                       </li>
                       <li>
                         <div class="unit">
                           <div class="unit-left">
-                            <span class="icon fa fa-envelope"></span>
+                            <span class="icon fa fa-location-arrow"></span>
                           </div>
                           <div class="unit-body">
-                            <a class="link-aemail" href="mailto:#"
-                              >firstspotxofficial@gmail.com</a
+                            <a class="link-location" target="_blank" href="https://www.google.com/maps/place/VIT+Bhopal+University/@23.0774715,76.8487122,17z/data=!3m1!4b1!4m6!3m5!1s0x397ce9ceaaaaaaab:0xa224b6b82b421f83!8m2!3d23.0774715!4d76.8512871!16s%2Fg%2F11hbgkdndx?entry=ttu"
+                              >VIT Bhopal, kothrikalan, Bhopal-Indore Highway.</a
                             >
                           </div>
                         </div>
@@ -813,54 +859,81 @@ <h6 class="text-spacing-100 text-uppercase">Contact us</h6>
                       <li>
                         <div class="unit">
                           <div class="unit-left">
-                            <span class="icon fa fa-location-arrow"></span>
+                            <span class="icon fa fa-envelope"></span>
                           </div>
                           <div class="unit-body">
-                            <a class="link-location" target="_blank" href="https://www.google.com/maps/place/VIT+Bhopal+University/@23.0774715,76.8487122,17z/data=!3m1!4b1!4m6!3m5!1s0x397ce9ceaaaaaaab:0xa224b6b82b421f83!8m2!3d23.0774715!4d76.8512871!16s%2Fg%2F11hbgkdndx?entry=ttu"
-                              >VIT Bhopal, kothrikalan, Bhopal-Indore Highway.</a
-                            >
+                            <a class="link-aemail" href="mailto:firstspotxofficial@gmail.com">firstspotxofficial@gmail.com</a>
                           </div>
                         </div>
                       </li>
-                    </ul>
-                  </div>
+
+                        </div>
+                      </div>
+                    </li>
+                    <li>
+                      <div class="unit">
+                        <div class="unit-left">
+                          <span class="icon fa fa-location-arrow"></span>
+                        </div>
+                        <div class="unit-body">
+                          <a class="link-location" href="#"
+                            >VIT Bhopal, kothrikalan, Bhopal-Indore Highway.</a
+                          >
+                        </div>
+                      </div>
+                    </li>
+                  </ul>
                 </div>
               </div>
-              <div class="col-sm-6 col-md-5 col-lg-3 col-xl-4">
-                <div class="oh-desktop"></div>
-              </div>
-              <div class="col-sm-11 col-md-7 col-lg-5 col-xl-4">
-                <div class="oh-desktop">
-                  <div class="wow slideInLeft" data-wow-delay="0s">
-                    <h6 class="text-spacing-100 text-uppercase">Quick links</h6>
-                    <ul
-                      class="row-6 list-0 list-marked list-marked-md list-marked-secondary list-custom-2"
+            </div>
+            <div class="col-sm-6 col-md-5 col-lg-3 col-xl-4">
+              <div class="oh-desktop"></div>
+            </div>
+            <div class="col-sm-11 col-md-7 col-lg-5 col-xl-4">
+              <div class="oh-desktop">
+                <div class="wow slideInLeft" data-wow-delay="0s">
+                  <h6 class="text-spacing-100 text-uppercase">Quick links</h6>
+                  <ul
+                    class="row-6 list-0 list-marked list-marked-md list-marked-secondary list-custom-2"
+                  >
+                    <li><a href="about.html">About us</a></li>
+                      <li><a href="./pages/Filter/filter.html">Our Tours</a></li>
+                      <li><a href="#ourTeam">Our Team</a></li>
+                      <!-- <li><a href="#ourGallery">Gallery</a></li> -->
+                      <li><a href="#">Blog</a></li>
+                      </ul>
+                      <div class="group-md group-middle justify-content-sm-start">
+                          <a class="button button-lg button-primary button-ujarak" href="./pages/contact/contact.html">Get in touch</a
                     >
                       <li><a href="about.html">About us</a></li>
-                        <li><a href="./pages/Filter/filter.html">Our Tours</a></li>
-                        <li><a href="#ourTeam">Our Team</a></li>
-                        <!-- <li><a href="#ourGallery">Gallery</a></li> -->
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="./pages/FAQs/faq.html">FAQs</a></li>
-
-                        </ul>
-                        <div class="group-md group-middle justify-content-sm-start">
-                            <a class="button button-lg button-primary button-ujarak" href="./pages/contact/contact.html">Get in touch</a
-                      >
-                    </div>
+                      <li><a href="./pages/Filter/filter.html">Our Tours</a></li>
+                      <li><a href="#ourTeam">Our Team</a></li>
+                      <!-- <li><a href="#ourGallery">Gallery</a></li> -->
+                      <li><a href="#">Blog</a></li>
+                      <li><a href="./pages/FAQs/faq.html">FAQs</a></li>
+                      <li><a href="./pages/contact/contact.html">Get in touch</a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </nav>
+          </div>
+        </header>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </footer>
-    </div>
-    <!-- Global Mailform Output-->
-    <div class="snackbars" id="form-output-global"></div>
-    <!-- Javascript-->
-    <script src="js/core.min.js"></script>
-    <script src="js/script.js"></script>
-	<script src="./home.js"></script>
+      </div>
+    </footer>
+  </div>
+  <!-- Global Mailform Output-->
+  <div class="snackbars" id="form-output-global"></div>
+  <!-- Javascript-->
+  <script src="js/core.min.js"></script>
+  <script src="js/script.js"></script>
+  <script src="./home.js"></script>
+  </main>
   </body>
 </html>
\ No newline at end of file