|
Server IP : 162.214.80.37 / Your IP : 216.73.216.68 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/cruise-booking.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Feb 2023 17:56:38 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>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/cruise.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 class="cruise-inner">
<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="eb9f849e99859f998a9d8e87ab9f8e989f868a8287c5888486">[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>
<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 class="active">
<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 class="text-uppercase">Cruise Payment</h2>
<h4 class="white">Cruise For You</h4>
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Cruise</a></li>
<li class="breadcrumb-item active" aria-current="page">Payment page</li>
</ul>
</nav>
</div>
</div>
<div class="section-overlay"></div>
</section>
<section class="cruise-destinations">
<div class="container">
<div class="row">
<div id="content" class="col-lg-8">
<div class="detail-content">
<div class="description detail-box car-book">
<div class="detail-title"><h3>YOUR PERSONAL INFORMATION</h3></div>
<div class="description-content">
<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>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="form-group mb-3 textarea col-lg-12">
<label>Message:</label>
<textarea placeholder="Enter a message"></textarea>
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Coupon Code:</label>
<input type="text" class="form-control" id="Name" placeholder="Enter full name">
</div>
<div class="col-lg-12">
<div class="checkbox-outer">
<input type="checkbox" name="vehicle2" value="Car"> I want to receive <a href="#">Let’s car rent</a> promotional offers in the future terms and conditions.
</div>
</div>
</div>
</form>
</div>
</div>
<div class="description detail-box car-book">
<div class="detail-title"><h3>YOUR CARD INFORMATION</h3></div>
<div class="description-content">
<form>
<div class="row">
<div class="form-group mb-3 col-lg-12">
<label>Card Holder Name:</label>
<input type="text" class="form-control" id="Name" placeholder="Enter full name in card">
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Card Type:</label>
<select class="wide">
<option value="male">MasterCard</option>
<option value="female">Paypal</option>
<option value="other">Visa</option>
<option value="other">Discover</option>
</select>
</div>
<div class="form-group mb-3 col-lg-6 col-md-6 ps-md-0">
<label>Card Number:</label>
<input type="text" class="form-control" id="email" placeholder="Enter Card Number">
</div>
<div class="form-group mb-3 col-lg-6 col-md-6">
<label>Billing ZIP Code:</label>
<input type="text" class="form-control" id="phnumber" placeholder="XXXXX">
</div>
<div class="form-group mb-3 col-lg-6 col-md-6 ps-md-0">
<label>Expiry Date:</label>
<input type="date" class="form-control" id="date">
</div>
</div>
</form>
</div>
</div>
<div class="description detail-box flight-book">
<div class="detail-title"><h3>Where should we send your confirmation?</h3></div>
<p>Please enter the email address where you would like to receive your confirmation.</p>
<div class="description-content">
<form>
<div class="row">
<div class="form-group col-lg-12">
<label>Email:</label>
<input type="email" class="form-control" id="email" placeholder="abc@xyz.com">
</div>
</div>
</form>
</div>
</div>
<div class="description detail-box flight-book">
<div class="detail-title"><h3>Review and book your trip</h3></div>
<div class="alert alert-info">
Attention! Please read important flight information!<br>
<p class="size12">• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tempor dolor quis sapien rhoncus, a mollis felis hendrerit. Nam dapibus vitae justo in faucibus.</p>
</div>
<form>
<div class="row">
<div class="col-xs-12">
<div class="checkbox-outer">
<input type="checkbox" name="vehicle2" value="Car"> By selecting to complete this booking I acknowledge that I have read and accept the <a href="#">rules & restrictions</a> <a href="#">terms & conditions</a> , and <a href="#">privacy policy.
</div>
</div>
</div>
</form>
</div>
<div class="comment-btn">
<a href="#" class="btn-blue btn-red">Complete Booking</a>
</div>
</div>
</div>
<div id="sidebar" class="col-lg-4">
<aside class="detail-sidebar sidebar-wrapper">
<div class="sidebar-item">
<div class="destination-item box-item">
<div class="destination-image text-center">
<img src="images/cruise/cruise1.jpg" alt="Image">
</div>
<div class="destination-content">
<h5><strong class="color-red-3">$36.00</strong> / Person</h5>
<h6>From: Miami, FL</h6>
<h3><a href="cruise-detail.html">7 Night Western Caribbean</a></h3>
<p>Abroad: Carnival Ecstasy</p>
<p>Sails to: Key West, FL; Cozumel, Mexico</p>
<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>
</div>
</div>
</div>
<div class="sidebar-item">
<div class="detail-title">
<h3>Popular Cruises</h3>
</div>
<div class="sidebar-content sidebar-slider">
<div class="sidebar-package">
<div class="sidebar-package-image">
<img src="images/cruise/cruise1.jpg" alt="Images">
</div>
<div class="destination-content">
<h5><strong class="color-red-3">$36.00</strong> / Person</h5>
<h6>From: Miami, FL</h6>
<h3><a href="cruise-detail.html">7 Night Western Caribbean</a></h3>
<p>Abroad: Carnival Ecstasy</p>
<p>Sails to: Key West, FL; Cozumel, Mexico</p>
<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>
</div>
</div>
<div class="sidebar-package">
<div class="sidebar-package-image">
<img src="images/cruise/cruise2.jpg" alt="Images">
</div>
<div class="destination-content">
<h5><strong class="color-red-3">$36.00</strong> / Person</h5>
<h6>From: Miami, FL</h6>
<h3><a href="cruise-detail.html">7 Night Western Caribbean</a></h3>
<p>Abroad: Carnival Ecstasy</p>
<p>Sails to: Key West, FL; Cozumel, Mexico</p>
<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>
</div>
</div>
<div class="sidebar-package">
<div class="sidebar-package-image">
<img src="images/cruise/cruise3.jpg" alt="Images">
</div>
<div class="destination-content">
<h5><strong class="color-red-3">$36.00</strong> / Person</h5>
<h6>From: Miami, FL</h6>
<h3><a href="cruise-detail.html">7 Night Western Caribbean</a></h3>
<p>Abroad: Carnival Ecstasy</p>
<p>Sails to: Key West, FL; Cozumel, Mexico</p>
<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>
</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> <span class="__cf_email__" data-cfemail="8cf8e3f9fee2f8feedfae9e0ccf8e9fff8e1ede5e0a2efe3e1">[email protected]</span></p>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-upper">
<div class="container">
<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> <span class="__cf_email__" data-cfemail="e2968d97908c96908394878ea2968791968f838b8ecc818d8f">[email protected]</span></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:'7a0b0767eeac847d',m:'gfBMoK3Cud21VrkWD9atn5D6it9vByYTKlGMfhMY.Ek-167/Ee0%2biBb2v04dUEuWEqp3HTEiePAZSbviRXHGdJTDcIgN2RY/0Jr/index.html',s:[0x5531bac6cd,0x297d5eca15],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/cruise-booking.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Feb 2023 17:56:38 GMT -->
</html>