?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/index-travelling.html

<!DOCTYPE html>
<html lang="en">
   <head>
      <!-- Meta Tags -->
      <meta charset="utf-8">
      <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
      <!-- Author -->
      <meta name="author" content="Themes Industry">
      <!-- description -->
      <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
      <!-- keywords -->
      <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
      <!-- Page Title -->
      <title>Travelling | MegaOne HTML5 Template</title>
      <!-- Favicon -->
      <link rel="icon" href="vendor/img/favicon.ico">
      <!-- Bundle -->
      <link rel="stylesheet" href="vendor/css/bundle.min.css">
      <!-- Plugin Css -->
      <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
      <link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
      <link rel="stylesheet" href="vendor/css/swiper.min.css">
      <link rel="stylesheet" href="vendor/css/wow.css">
      <!-- Slider Settings -->
      <link rel="stylesheet" href="vendor/css/LineIcons.min.css">
      <link rel="stylesheet" href="travelling/css/settings.css">
      <!-- Style Sheet -->
      <link rel="stylesheet" href="travelling/css/style.css">
      <link rel="stylesheet" href="travelling/css/datepicker.css">
   </head>
   <body data-offset="50" data-spy="scroll" data-target=".navbar">
      <!-- Preloader -->
      <div class="preloader">
         <div class="center">
            <div class="loader">
               <div></div>
               <div></div>
               <div></div>
               <div></div>
               <div></div>
               <div></div>
               <div></div>
               <div></div>
               <div></div>
            </div>
         </div>
      </div>
      <!-- Preloader End -->
      <header>
         <!--Navbar-->
         <nav class="navbar navbar-expand-lg navbar-top-default fixed-top navbar-fixed-top">
            <!--Side Menu Button-->
            <div class="container">
               <a class="navbar-brand scroll" href="#home">
               <img src="travelling/img/logo.png" alt="logo">
               </a>
               <!--Nav Links-->
               <div class="collapse navbar-collapse" id="navbarSupportedContent">
                  <ul class="navbar-nav">
                     <li class="nav-item  active">
                        <a class="nav-link scroll" href="#home">Home</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link  scroll" href="#destinations">Destinations</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#gallery">Gallery</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#testimonials">Testimonials</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact</a>
                     </li>
                  </ul>
               </div>
            </div>
            <!-- Container End --> 
            <a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
            <span></span>
            <span></span>
            <span></span>
            </a>  
            <a class="number">
               <p>+1 631 123 4567 </p>
            </a>
         </nav>
         <!-- Navbar End -->
         <!-- Side-Nav Start -->
         <div class="side-menu side-menu-opacity">
            <div class="bg-overlay"></div>
            <div class="inner-wrapper">
               <a class="image scroll" href="#home">
               <img src="travelling/img/side-menu.png" alt="image">
               </a>
               <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
               <nav class="side-nav w-100">
                  <ul class="navbar-nav">
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#home">Home</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link  scroll" href="#destinations">Destinations</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#gallery">Gallery</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#testimonials">Testimonials</a>
                     </li>
                     <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact</a>
                     </li>
                  </ul>
               </nav>
               <div class="side-menu-footer">
                  <div class="social-icons">
                     <ul>
                        <li>
                           <a href="#" class="hover"><i class="fab fa-facebook-f"></i></a>
                        </li>
                        <li><a href="#" class="hover"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
                        <li><a href="#" class="hover"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
                  <p class="copywrite text-left">&#169; 2020 MegaOne. <br>Made With Love by Themesindustry.</p>
               </div>
            </div>
         </div>
         <a id="close_side_menu" href="javascript:void(0);"></a>
         <!-- Side-Nav End -->
      </header>
      <!-- Header End -->
      <!--Slider Section Start-->
      <section class="slider-area position-relative" id="home">
         <div class="slider-overlay">
            <div class="container">
               <div class="row ">
                  <div class="col-lg-12 text-center text-area wow fadeInDown" data-wow-delay="1000ms">
                     <h5 class="subheading">Let us search your</h5>
                     <h2 class="heading">Dream Destination</h2>
                     <p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem<br> Ipsum has been the industry’s standard dummy.  Lorem Ipsum has been the<br> industry’s standard dummy.</p>
                  </div>
                  <!-- </div> -->
               </div>
            </div>
            <!-- Container End -->
         </div>
         <div class="social-icons">
            <ul class="slider-social wow fadeInRight" data-wow-delay="1000ms">
               <li><a class="icon-hover wow" href="#.">
                  <i class="fab fa-facebook-f"></i></a>
               </li>
               <li><a class="icon-hover" href="#.">
                  <i class="fab fa-twitter"></i></a>
               </li>
               <li><a class="icon-hover" href="#.">
                  <i class="fab fa-linkedin-in"></i></a>
               </li>
               <li><a class="icon-hover" href="#.">
                  <i class="fab fa-instagram"></i></a>
               </li>
            </ul>
         </div>
         <div class="text-center slider-carousel owl-carousel owl-themes active">
         	<div class="item active"><img src="travelling/img/slider-img1.jpg" alt="slider-img"></div>
         	<div class="item"><img src="travelling/img/slider-img2.jpg" alt="slider-img"></div>
         	<div class="item"><img src="travelling/img/slider-img3.jpg" alt="slider-img"></div>
         	<div class="item"><img src="travelling/img/slider-img4.jpg" alt="slider-img"></div>
         	<div class="item"><img src="travelling/img/slider-img5.jpg" alt="slider-img"></div>
<!--             <div class="item active" style="background-image: url('travelling/img/slider-img1.jpg')"></div>
            <div class="item" style="background-image: url('travelling/img/slider-img2.jpg')"></div>
            <div class="item" style="background-image: url('travelling/img/slider-img3.jpg')"></div>
            <div class="item" style="background-image: url('travelling/img/slider-img4.jpg')"></div>
            <div class="item" style="background-image: url('travelling/img/slider-img5.jpg')"></div> -->
         </div>
      </section>
      <!-- Slider Section End -->
      <!--Slider form start-->
      <div class="slider-form">
         <div class="container">
            <div class="row">
               <div class="col-12 wow fadeInUp" data-wow-delay="1000ms">
                  <form class="row contact-form rounded-pill link" id="form-data">
                     <div class="col-12 col-lg-9 d-inline-block d-lg-flex align-items-center">
                        <div class="form-group">
                           <label for="datepicker"> <span class="fas fa-calendar-plus " aria-hidden="true"></span></label>
                           <input type="text" name='datepicker' class="form-control"  value="" id="datepicker" 
                           required="" placeholder="Check In" >
                        </div>
                        <div class="form-group ">
                           <label for="datepickr"> <span class="fas fa-calendar-minus" aria-hidden="true"></span></label>
                           <input type="text" name='datepickr' class="form-control"  value="" id="datepickr" 
                           required="" placeholder="Check Out" >
                        </div>
                        <div class="form-group ">
                           <label><i class="fa fa-user mr-2" aria-hidden="true"></i></label>
                           <select id="inputStates" class="form-control">
                              <option class="red">Adults</option>
                              <option>...</option>
                           </select>
                        </div>
                        <div class="form-group">
                           <label><i class="fas fa-users mr-2"  aria-hidden="true"></i></label>
                           <select id="inputState"  class="form-control">
                              <option>Children</option>
                              <option>...</option>
                           </select>
                        </div>
                        <div class="form-group">
                           <label><i class="fas fa-map-marker " aria-hidden="true"></i></label>
                           <input type="text" name="Location" placeholder="Location" id="location" required="" class="form-control">
                        </div>
                     </div>
                     <div class="col-12 col-lg-3 button-center">
                        <a href="javascript:void(0);" class="btn button btn-rounded green-btn btn-hvr-grey">Search Destinations
                        </a>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <!--Slider form end-->
      <!-- Destination Section Start -->
      <section class="destination-section" id="destinations">
         <div class="container">
            <div class="row no-gutters row-1">
               <div class="col-lg-12 col-md-12 col-sm-12 text-center wow fadeInDown" data-wow-delay="400ms">
                  <h2 class="heading">Explore Our <br><span>Luxuries Destinations</span></h2>
                  <p class="subheading">Lorem ipsum is simply dummy text </p>
               </div>
            </div>
            <!-- Row-2 Start -->
            <div class="row  row-2">
               <div class="col-lg-4 col-md-12 col-sm-12 destination wow fadeInDown" data-wow-delay="400ms">
                  <a class="card" href="travelling/destinations.html" >
                     <img src="travelling/img/destination-1.jpg"  alt="destination-img">
                     <div class="card-body">
                        <h5 class="card-title">New York 295 <span>$3995</span></h5>
                        <div class="card-text">
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fas fa-star-half-alt half-checked"></span>
                        </div>
                     </div>
                  </a>
               </div>
               <div class="col-lg-4 col-md-12 col-sm-12 destination wow fadeInUp" data-wow-delay="400ms">
                  <a class="card" href="travelling/destinations.html">
                     <img src="travelling/img/destination-2.jpg"  alt="destination-img">
                     <div class="card-body">
                        <h5 class="card-title">London 120 <span>$2360</span></h5>
                        <div class="card-text">
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fas fa-star-half-alt half-checked"></span>
                        </div>
                     </div>
                  </a>
               </div>
               <div class="col-lg-4 col-md-12 col-sm-12 destination wow fadeInDown" data-wow-delay="400ms">
                  <a class="card" href="travelling/destinations.html">
                     <img src="travelling/img/destination-3.jpg"  alt="destination-img">
                     <div class="card-body">
                        <h5 class="card-title">Paris 529 <span>$4730</span></h5>
                        <div class="card-text">
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fas fa-star-half-alt half-checked"></span>
                        </div>
                     </div>
                  </a>
               </div>
            </div>
            <!-- Row-3 Start -->
            <div class="row row-3">
               <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
                  <a class="card" href="travelling/destinations.html">
                     <img src="travelling/img/destination-4.jpg"  alt="destination-img">
                     <div class="card-body">
                        <h5 class="card-title">Malan 103 <span>$5500</span></h5>
                        <div class="card-text">
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fas fa-star-half-alt half-checked"></span>
                        </div>
                     </div>
                  </a>
               </div>
               <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                  <a class="card" href="#.">
                     <img src="travelling/img/destination-5.jpg"  alt="destination-img">
                     <div class="card-body">
                        <h5 class="card-title">New York 143 <span>$2835</span></h5>
                        <div class="card-text">
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fas fa-star-half-alt half-checked"></span>
                        </div>
                     </div>
                  </a>
               </div>
               <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
                  <a class="card" href="travelling/destinations.html">
                     <img src="travelling/img/destination-6.jpg"  alt="destination-img">
                     <div class="card-body">
                        <h5 class="card-title">Toronto 156 <span>$8000</span></h5>
                        <div class="card-text">
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fa fa-star checked"></span>
                           <span class="fas fa-star-half-alt half-checked"></span>
                        </div>
                     </div>
                  </a>
               </div>
            </div>
            <!-- Button Start -->
            <div class="button-center wow fadeInUp" data-wow-delay="400ms">
               <a class="btn button btn-rounded green-btn btn-hvr-blue "  href="travelling/destinations.html">
               View All Similar Destinations
               </a>
            </div>
         </div>
         <!-- Container End -->
      </section>
      <!-- Destination Section End -->
      <!-- Gallery Section Start -->
      <section class="gallery-section" id="gallery">
         <div class=" text-center gallery-carousel owl-carousel owl-themes active">
            <div class="item active">
               <img src="travelling/img/gallery-1.jpg" alt="gallery-img">
               <div class="container">
                  <div class="detail-box">
                     <div class="text-box wow fadeIn" data-wow-delay="400ms">
                        <p class="subheading"><span></span>Beautiful Room</p>
                        <h2 class="heading">A beautiful luxuries <br> Hotel Room in centre of new York</h2>
                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
                        <div class="button-center">
                           <a class="btn button btn-rounded green-btn btn-hvr-blue scroll"  href="#contact">
                           Book Room Now
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="item">
               <img src="travelling/img/gallery-2.jpg" alt="gallery-img">
               <div class="container">
                  <div class="detail-box">
                     <div class="text-box">
                        <p class="subheading"><span></span>Beautiful Room</p>
                        <h2 class="heading">A beautiful luxuries <br> Hotel Room in centre of new York</h2>
                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
                        <div class="button-center">
                           <a class="btn button btn-rounded green-btn btn-hvr-blue scroll"  href="#contact">
                           Book Room Now
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="item">
               <img src="travelling/img/gallery-3.jpg" alt="gallery-img">
               <div class="container">
                  <div class="detail-box">
                     <div class="text-box">
                        <p class="subheading"><span></span>Beautiful Room</p>
                        <h2 class="heading">A beautiful luxuries <br> Hotel Room in centre of new York</h2>
                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
                        <div class="button-center">
                           <a class="btn button btn-rounded green-btn btn-hvr-blue scroll"  href="#contact">
                           Book Room Now
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- Carousel End -->
         <div class="icons d-flex ">
            <i class="lni lni-chevron-left customPrevBtn"></i>
            <i class="lni lni-chevron-right customNextBtn"></i>
         </div>
      </section>
      <!-- Gallery Section End -->
      <!-- Counter section Start -->
      <section class="counter-section">
         <div class="container">
         <!-- Row-1 Start -->
         <div class="row no-gutters row-1">
            <div class="col-lg-7 col-md-12 col-sm-12 text-column wow fadeInLeft" data-wow-delay="400ms">
               <p class="subheading">Let us show you some stats</p>
               <h2 class="heading">beautiful luxuries <br> Destinations All over the world</h2>
               <p class="text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected .</p>
            </div>
            <div class="col-lg-5 col-md-12 col-sm-12 img-column wow fadeInRight" data-wow-delay="400ms">
               <img src="travelling/img/counter-img.png" alt="img">
            </div>
         </div>
         <!-- Row-2 End -->
         <div class="row no-gutters row-2 num_counter">
            <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
               <div class="media counter">
                  <i class="fas fa-map-pin mr-4 mt-3"></i>
                  <div class="media-body">
                     <h5 class="timer count-number subheading" data-to="125" data-speed="1500">500</h5>
                     <p class="text">Worldwide Locations</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
               <div class="media counter">
                  <i class="fas fa-list-ul mr-4 mt-3"></i>
                  <div class="media-body">
                     <h5 class="timer count-number subheading" data-to="125" data-speed="1500">10740</h5>
                     <p class="text">Online Bookings</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="300ms">
               <div class="media counter">
                  <i class="fas fa-check mr-4 mt-3"></i>
                  <div class="media-body">
                     <h5 class="timer count-number subheading" data-to="125" data-speed="1500">200</h5>
                     <p class="text">Beaches & Resorts</p>
                  </div>
               </div>
            </div>
         </div>
     </div>
         <!-- Container End -->
      </section>
      <!-- Counter Section End -->
      <!-- Testimonial Section Start -->
      <section class="testimonial-section" id="testimonials">
         <div class="bg-overlay"></div>
         <div class=" text-center testimonial-carousel owl-carousel owl-themes active">
            <div class="item customer-container">
               <div class="row no-gutters customer-img-overlay">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <i class="fas fa-quote-left"></i>
                     <p class="carousel-text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
                  </div>
               </div>
               <div class="customer-img">
                  <img src="travelling/img/customer-1.png" alt="customer-img">
               </div>
               <div class="customer-detail">
                  <h5 class="subheading">Ellizabeth Taylor</h5>
                  <p class="text">Amazon</p>
                  <div class="customer-social-icons">
                     <ul>
                        <li><a href="#." class="facebook-hover"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#." class="twitter-hover"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#." class="linked-in-hover"><i class="fab fa-linkedin-in"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="item customer-container">
               <div class="row no-gutters customer-img-overlay">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <i class="fas fa-quote-left"></i>
                     <p class="carousel-text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
                  </div>
               </div>
               <div class="customer-img ">
                  <img src="travelling/img/customer-2.png" alt="customer-img">
               </div>
               <div class="customer-detail">
                  <h5 class="subheading">Ellizabeth Taylor</h5>
                  <p class="text">Amazon</p>
                  <div class="customer-social-icons ">
                     <ul>
                        <li><a href="#." class="facebook-hover"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#." class="twitter-hover"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#." class="linked-in-hover"><i class="fab fa-linkedin-in"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="item customer-container">
               <div class="row no-gutters customer-img-overlay">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <i class="fas fa-quote-left"></i>
                     <p class="carousel-text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
                  </div>
               </div>
               <div class="customer-img ">
                  <img src="travelling/img/customer-3.png" alt="customer-img">
               </div>
               <div class="customer-detail">
                  <h5 class="subheading">Ellizabeth Taylor</h5>
                  <p class="text">Amazon</p>
                  <div class="customer-social-icons ">
                     <ul>
                        <li><a href="#." class="facebook-hover"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#." class="twitter-hover"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#." class="linked-in-hover"><i class="fab fa-linkedin-in"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Testimonial section End -->
      <!-- Contact section Start-->
      <section class="contact-section" id="contact">
         <div class="container">
            <div class="row no-gutters">
               <div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="400ms">
                  <h5 class="subheading">Lorem ipsum dolor sit amet consectetur</h5>
                  <h2 class="heading">Megaone Travels</h2>
                  <p class="text">123 Stree New York City , United States Of America.</p>
                  <p class="text">Office Telephone : 001 01085379709<br>Mobile : 001 63165370895 </p>
                  <p class="text">Email : admin@website.com<br>Inquiries : email@website.com</p>
                  <p class="text">Mon-Fri: 9am to 6pm</p>
                  <div class="social-icons">
                     <ul>
                        <li><a class="facebook-hover wow fadeInUp"  data-wow-delay="400ms" href="#.">
                           <i class="fab fa-facebook-f"></i></a>
                        </li>
                        <li><a class="twitter-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
                           <i class="fab fa-twitter"></i></a>
                        </li>
                        <li><a class="google-plus-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
                           <i class="fab fa-google-plus-g"></i></a>
                        </li>
                        <li><a class="linked-in-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
                           <i class="fab fa-linkedin-in"></i></a>
                        </li>
                        <li><a class="instagram-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
                           <i class="fab fa-instagram"></i></a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="col-lg-6 col-md-12 col-sm-12 form-section wow fadeInRight" data-wow-delay="400ms">
                  <form class="contact-form" id="contact-form-data">
                     <div class="row">
                        <div class="col-12" id="result"></div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                           <div class="form-group">
                              <input class="form-control" id="quote_name" type="email" placeholder="Your Name" required=""  name="userName">
                           </div>
                           <div class="form-group">
                              <input class="form-control" id="quote_email" type="email" placeholder="Email Address*" required=""  name="userEmail">
                           </div>
                           <div class="form-group">
                              <input class="form-control" id="subject" type="text" placeholder="Subject" required=""  name="userSubject">
                           </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                           <div class="form-group">
                              <textarea class="form-control" placeholder="Write your message here"  name="userMessage" rows="7" cols="50"></textarea>
                           </div>
                        </div>
                        <div class="button-center">
                           <a href="JavaScript:void(0);" class="btn button btn-rounded green-btn btn-hvr-blue contact_btn">
                           Send Message
                           </a>
                        </div>
                     </div>
                  </form>
               </div>
            </div>
         </div>
         <!-- Container End -->
      </section>
      <!-- Contact section End -->
      <!--Scroll Top Start-->
      <span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
      <!--Scroll Top End-->
      <!-- JavaScript -->
      <script src="vendor/js/bundle.min.js"></script>
      <!-- Plugin Js -->
      <script src="vendor/js/jquery.fancybox.min.js"></script>
      <script src="vendor/js/owl.carousel.min.js"></script>
      <script src="vendor/js/swiper.min.js"></script>
      <script src="vendor/js/wow.min.js"></script>
      <!-- custom script -->
      <script src="vendor/js/contact_us.js"></script>
      <script src="travelling/js/datepicker.js"></script>
      <script src="travelling/js/script.js"></script>
   </body>
</html>



web shell, Coded By 2019