<!doctype html>
<html>
<head>
<title>Lanka Travel Buddies</title>
<meta charset="utf-8">
<meta name="description" content="travel, trip, store, shopping, siteweb, cart">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'/>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<link href="css/travel-mega-menu.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<!--Carousel-->
<link href="css/carousel/component.css" rel="stylesheet" type="text/css" />
<link href="css/layout2.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
<link href="booking-form-planning/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- Section Form Login and Register -->
<div class="login-page">
<div class="form">
<img class="login-logo" src="images/logoslider.png" alt="" />
<div class="close-frm-login"><i class="fa fa-times" aria-hidden="true"></i></div>
<form class="register-form">
<input type="text" placeholder="name"/>
<input type="password" placeholder="password"/>
<input type="text" placeholder="email address"/>
<button>create</button>
<p class="message">Already registered? <a href="#">Sign In</a></p>
</form>
<form class="login-form">
<input type="text" placeholder="username"/>
<input type="password" placeholder="password"/>
<button>login</button>
<p class="message">Not registered? <a href="#">Create an account</a></p>
</form>
</div>
</div>
<?php
include 'top-bar.php';
?>
<?php
include 'header.php';
?>
<div class="clear"></div>
<section id="about2" class="about-section-top">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title pull-left">
<h2 class="title-about">Plan Your Tour</h2>
</div>
<ul class="breadcrumbs pull-right">
<li><a href="./">HOME</a></li>
<li>/</li>
<li class="active">Plan Your Tour</li>
</ul>
</div>
</div>
</div>
</section>
<section id="top-info-contact">
<div class="container">
<div class="row">
<div class="contact-page col-md-12 effect-5 effects">
<div class="contact-square info-square col-md-4 address">
<i class="fa fa-home"></i>
<h3>Address</h3>
<p>International Beach Hotel, Galle Road, Narigama, Hikkaduwa, Sri Lanka.</p>
<p></p>
</div>
<div class="contact-square info-square col-md-4">
<i class="fa fa-phone"></i>
<h3>Phone</h3>
<p>+94 77 2227205</p>
<p>+44 74 02373757</p>
</div>
<div class="contact-square info-square col-md-4 last-contact mail">
<i class="fa fa-envelope-o"></i>
<h3>E-Mail</h3>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
</section>
<section id="contact-msg-info">
<div class="container">
<div class="row">
<div class="contact-page col-md-12 effect-5 effects">
<div class="text-center">
<h2>Plan Your Trip</h2></div>
<!-- FIFTH EXAMPLE -->
<div class="box-information">
<div class="col-md-12 col-xs-12">
<div class="border-box write_review_v2 animate-reveal">
<div class="row">
<p style="font-size:20px; text-align: left;margin-left: 15px;">Tour Preferences
</p>
<p style="font-size:20px; text-align: left;margin-left: 15px;">
What kind of Holiday do you prefer?
</p>
<div class=" col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="Beach Stays" class="prefers">Beach Stays</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Wildlife Safari" class="prefers">Wildlife Safari</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value=" Visiting Cultural Sights" class="prefers">Visiting Cultural sights</label>
</div>
</div>
<div class="col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="Diving and Snorkeling" class="prefers">Diving and Snorkeling</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Sea Sailing" class="prefers">Sea Sailing</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Tea Estate Stays" class="prefers">Tea Estate Stays</label>
</div>
</div>
<div class="col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="I am on Honeymoon" class="prefers">I am on Honeymoon</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Hot Air Ballooning" class="prefers">Hot Air Ballooning</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Whale and Dolphin Watching" class="prefers">Whale and Dolphin Watching</label>
</div>
</div>
<div class=" col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="Train Journeys " class="prefers">Train Journeys </label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Adventure Activities" class="prefers">Adventure Activities</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Nature and Scenic Explorations" class="prefers">Nature and Scenic Explorations</label>
</div>
</div>
</div>
<div class="row">
<p style="font-size:20px; text-align: left;margin-left: 15px;">
What is the most important facility you need?
</p>
<div class=" col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="Accommodation" class="facility">Accommodation</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Communication" class="facility">Communication</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Excellent Food" class="facility">Excellent Food</label>
</div>
</div>
<div class=" col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="Transportation" class="facility">Transportation</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Guide Assistance" class="facility">Guide Assistance</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Informations" class="facility">Informations</label>
</div>
</div>
</div>
<div class="row">
<p style="font-size:20px; text-align: left;margin-left: 15px;">
What kind of accommodation pleases you?
</p>
<div class=" col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="Budget Guest Houses" class="accommodation">Budget Guest Houses</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="2-3 Star Hotels" class="accommodation">2-3 Star Hotels</label>
</div>
</div>
<div class="col-md-4">
<div class="checkbox">
<label><input type="checkbox" value="4-5 Star Hotels" class="accommodation">4-5 Star Hotels</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Guide Assistance" class="accommodation">Guide Assistance</label>
</div>
</div>
</div>
<div class="row ">
<div class="col-md-6">
<div class="form-group">
<label>Arrival Date <span class="red">*</span></label>
<input type="text" class="form-control datepicker booking-date" id="txtAdate" name="txtAdate" placeholder="dd-mm-yy *" >
<div class="col-lg-12">
<span id="spanAdate"></span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Departure Date <span class="red">*</span></label>
<input type="text" class="form-control datepicker return_date" id="txtDdate" name="txtDdate" placeholder="dd-mm-yy *" >
<div class="col-lg-12">
<span id="spanDdate"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Num Adults <span class="red">*</span></label>
<input type="number" class="form-control " id="txtAdult" name="txtAdult" placeholder="Num Adults *" min="0">
<div class="col-lg-12">
<span id="spanAdult"></span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Num Children <span class="red">*</span> </label>
<input type="number" class="form-control " id="txtChild" name="txtChild" placeholder="Num Children *" >
<div class="col-lg-12">
<span id="spanChild"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Phone Number <span class="red">*</span></label>
<input type="text" class="form-control" id="txtPhone" name="txtPhone" placeholder="Phone Number *" >
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Number of room <span class="red">*</span></label>
<input type="text" class="form-control" id="txtRoom" name="txtRoom" placeholder="Number of room *">
<div class="col-lg-12">
<span id="spanRoom"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Your Name <span class="red">*</span></label>
<input type="text" class="form-control " id="txtFullName" name="txtFullName" placeholder="Your Name *" >
<div class="col-lg-12">
<span id="spanFullName"></span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Email <span class="red">*</span> </label>
<input type="email" class="form-control " id="txtEmail" name="txtEmail" placeholder="Email *" >
<span id="spanEmail"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label >Message<span>*</span></label>
<textarea name="txtMessage" id="txtMessage" class="form-control input-validater" cols="30" rows="6" placeholder=""></textarea>
<span id="spanMessage"></span>
</div>
</div>
<div class="form-group">
<div class="col-md-6 input-margin">
<label for="comment" id="form-label">Security Code:<span class="red">*</span></label>
<input type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Security code >> ">
<span id="capspan" ></span>
</div>
<div class="col-md-3 input-margin">
<label></label>
<span><?php include("./booking-form-planning/captchacode-widget.php"); ?></span>
</div>
<div class="col-md-3">
<div class="div-check" >
<img src="./booking-form-planning/img/checking.gif" id="checking"/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<button type="submit" id="btnSubmit" class="btn submit-contact"><i class="fa fa-envelope-o"></i>Send Your Review</button>
</div>
</div>
</div>
<div id="dismessage" align="center"></div>
</div>
</div>
</div>
</div><!--Close col 12 -->
</div>
</div>
</section>
<?php
include 'footer.php';
?>
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js"></script>
<!-- waypoint -->
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="contact-form/scripts.js" type="text/javascript"></script>
<!--Carousel-->
<script src="js/carousel/modernizr.custom.js" type="text/javascript"></script>
<script src="js/carousel/jquery.cbpContentSlider.min.js" type="text/javascript"></script>
<script>
$(function () {
"use strict";
$('#cbp-contentslider').cbpContentSlider();
});
</script>
<script src="js/script.js" type="text/javascript"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function () {
$(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
});
</script>
<script src="booking-form-planning/scripts.js" type="text/javascript"></script>
</body>
</html> |