bookings.yellowcars.net
Open in
urlscan Pro
88.208.216.50
Public Scan
URL:
https://bookings.yellowcars.net/
Submission: On November 06 via automatic, source certstream-suspicious — Scanned from GB
Submission: On November 06 via automatic, source certstream-suspicious — Scanned from GB
Form analysis 1 forms found in the DOM
POST ./
<form method="post" action="./" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="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">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZAK0p-YkY0tlS37T9l7xsnEjdkyYlTsv6gSQ1whSTTWyQuBcTKsU8gYdnziL03JX5w2&t=637729620413207958" type="text/javascript"></script>
<script src="Scripts/WebForms/MsAjax/MicrosoftAjax.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"
value="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">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'form1', [], [], [], 90, 'ctl00');
//]]>
</script>
<!-- main -->
<div class="main-content" id="home">
<!-- header -->
<header id="site-header" class="fixed-top">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="index.aspx">
<img src="images/logo.png" alt="">
</a>
<button class="navbar-toggler bg-gradient" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul id="MenuControlStatic" class="navbar-nav">
<li class="nav-item active" runat="serve" id="index">
<a class="nav-link" href="https://www.yellowcars.net/">Home <span class="sr-only">(current)</span></a>
</li>
<!--<li class="nav-item" runat="serve" id="about">
<a class="nav-link" href="about.aspx">About Us</a>
</li>
<li class="nav-item" runat="serve" id="taxis">
<a class="nav-link" href="taxis.aspx">Taxis</a>
</li>
<li class="nav-item" runat="serve" id="airporttransfers">
<a class="nav-link" href="airporttransfers.aspx">Airport Transfers</a>
</li>
<li class="nav-item" runat="serve" id="ecotaxis">
<a class="nav-link" href="ecotaxis.aspx">Eco Taxis</a>
</li>
<li class="nav-item" runat="serve" id="driveforus">
<a class="nav-link" href="driveforus.aspx">Drive For Us</a>
</li>-->
<li class="nav-item" runat="serve" id="contacts">
<a class="nav-link" href="contacts.aspx">Contact Us</a>
</li>
</ul>
<ul class="navbar-nav login-btns">
<li class="nav-item">
<p class="w3pvt-phone">
<a href="mailto:Info@yellowcars.net"><span class="fa fa-envelope mr-2"></span>Info@yellowcars.net</a>
<a href="tel:01159818181" id="lnkPhoneNumber"><span class="fa fa-phone mr-2"></span><span id="lblPhoneNumber">01159818181</span> </a>
<a id="lkMemberlogin" href="javascript:__doPostBack('ctl00$lkMemberlogin','')" style="color:White;">Member Login</a>
</p>
</li>
</ul>
</div>
</nav>
</header>
<!-- //header -->
<!-- banner section -->
<section id="home" class="banner">
<div id="banner-bg-effect" class="banner-effect"><canvas class="particles-js-canvas-el" width="1600" height="52" style="width: 100%; height: 100%;"></canvas></div>
</section>
<!-- //banner section -->
</div>
<!-- //main -->
<!--/booking engine-->
<section class="booking-engine spy-5">
<div class="container py-md-4 bgg">
<div class="row">
<style type="text/css">
.loading {
position: relative;
z-index: 99999999999999;
background: #FFF url(images/ajax-loader.gif) no-repeat right center;
top: 0px;
text-align: left;
}
.Validate {
background: lightpink;
}
#loadingDiv {
text-align: center;
padding-top: 24%;
padding-left: 37%;
background: transparent;
display: none;
position: fixed;
z-index: 99999999999;
}
</style>
<script src="https://js.api.here.com/v3/3.1.19.0/mapsjs-core.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1.19.0/mapsjs-core-legacy.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1.19.0/mapsjs-service.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1.19.0/mapsjs-service-legacy.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1.19.0/mapsjs-mapevents.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1.19.0/mapsjs-ui.css">
<script src="https://js.api.here.com/v3/3.1.19.0/mapsjs-ui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var router = null;
var map = null;
var platform = null;
var defaultLayers = null;
var targetElement = null;
// Hold a reference to any infobubble opened
var bubble;
var routingParameters = null;
var routeInstructionsContainer;
var str = 'A'
$(function() {
// Instantiate a map and platform object:
platform = new H.service.Platform({
'apikey': 'avsHjHri-tP5Su5wV7xyPBWwmdqOtEKK2Atn0xgDnrM'
});
// Retrieve the target element for the map:
targetElement = document.getElementById('map');
// Get the default map types from the platform object:
defaultLayers = platform.createDefaultLayers();
// Instantiate the map:
map = new H.Map(document.getElementById('map'), defaultLayers.vector.normal.map, {
center: {
lat: 52.956410,
lng: -1.079810
},
zoom: 13,
pixelRatio: window.devicePixelRatio || 1
});
routeInstructionsContainer = document.getElementById('panel');
// add a resize listener to make sure that the map occupies the whole container
window.addEventListener('resize', () => map.getViewPort().resize());
// Step 3: make the map interactive
// MapEvents enables the event system
// Behavior implements default interactions for pan/zoom (also on mobile touch environments)
var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
// Create the default UI components
var ui = H.ui.UI.createDefault(map, defaultLayers);
});
function removeObjectById(id) {
for (object of map.getObjects()) {
if (object.id === id) {
map.removeObject(object);
}
}
}
/**
* Opens/Closes a infobubble
* @param {H.geo.Point} position The location on the map.
* @param {String} text The contents of the infobubble.
*/
function openBubble(position, text) {
if (!bubble) {
bubble = new H.ui.InfoBubble(position,
// The FO property holds the province name.
{
content: text
});
ui.addBubble(bubble);
} else {
bubble.setPosition(position);
bubble.setContent(text);
bubble.open();
}
}
function calculateRouteFromAtoB() {
str = 'A';
// collection of waypoints
var waypoints = [];
if ($("[id$=ViaAddress]").val() != '' && $('.clsAddressToVia').val() != '' && $('.clsAddressToVia').is(':visible')) {
var Via = $('[id$=hdfViaID]').val().replace('1-A-', '').replace('1-S-', '').replace('1-', '');
waypoints.push(Via);
}
router = platform.getRoutingService(null, 8);
if (waypoints.toString() == "") {
routingParameters = {
'routingMode': 'fast',
'transportMode': 'car',
// The start point of the route:
'origin': $('[id$=hdfFromID]').val().replace("1-A-", "").replace("1-S-", "").replace("1-", ""),
// The end point of the route:
'destination': $('[id$=hdfToID]').val().replace("1-A-", "").replace("1-S-", "").replace("1-", ""),
// Include the route shape in the response
'return': 'polyline,actions,instructions,turnByTurnActions,travelSummary'
};
} else {
routingParameters = {
'routingMode': 'fast',
'transportMode': 'car',
// The start point of the route:
'origin': $('[id$=hdfFromID]').val().replace("1-A-", "").replace("1-S-", "").replace("1-", ""),
// The end point of the route:
'destination': $('[id$=hdfToID]').val().replace("1-A-", "").replace("1-S-", "").replace("1-", ""),
'via': new H.service.Url.MultiValueQueryParameter(waypoints),
// Include the route shape in the response
'return': 'polyline,actions,instructions,turnByTurnActions,travelSummary'
};
}
removeObjectById("route");
router.calculateRoute(routingParameters, onSuccess, onError)
}
function onSuccess(result) {
route = result.routes[0];
/*
* The styling of the route response on the map is entirely under the developer's control.
* A representative styling can be found the full JS + HTML code of this example
* in the functions below:
*/
addRouteShapeToMap(route);
}
function onError(error) {
alert('Can\'t reach the remote server');
}
/**
* Creates a H.map.Polyline from the shape of the route and adds it to the map.
* @param {Object} route A route as received from the H.service.RoutingService
*/
function addRouteShapeToMap(route) {
route.sections.forEach((section) => {
// decode LineString from the flexible polyline
let linestring = H.geo.LineString.fromFlexiblePolyline(section.polyline);
// Create a polyline to display the route:
polyline = new H.map.Polyline(linestring, {
style: {
lineWidth: 4,
strokeColor: 'rgba(0, 128, 255, 0.7)'
}
});
var outerElement = document.createElement('div'),
innerElement = document.createElement('div');
outerElement.style.userSelect = 'none';
outerElement.style.webkitUserSelect = 'none';
outerElement.style.msUserSelect = 'none';
outerElement.style.mozUserSelect = 'none';
outerElement.style.cursor = 'default';
innerElement.style.color = 'red';
innerElement.style.backgroundColor = 'blue';
innerElement.style.border = '2px solid black';
innerElement.style.font = 'normal 12px arial';
innerElement.style.lineHeight = '12px'
innerElement.style.paddingTop = '2px';
innerElement.style.paddingLeft = '4px';
innerElement.style.width = '20px';
innerElement.style.height = '20px';
// add negative margin to inner element
// to move the anchor to center of the div
innerElement.style.marginTop = '-10px';
innerElement.style.marginLeft = '-10px';
outerElement.appendChild(innerElement);
// Add text to the DOM element
if (str != 'A') {
str: String.fromCharCode(str.charCodeAt(str.length - 1) + 1);
}
innerElement.innerHTML = str;
function changeOpacity(evt) {
evt.target.style.opacity = 0.6;
};
function changeOpacityToOne(evt) {
evt.target.style.opacity = 1;
};
//create dom icon and add/remove opacity listeners
var domIcon = new H.map.DomIcon(outerElement, {
// the function is called every time marker enters the viewport
onAttach: function(clonedElement, domIcon, domMarker) {
clonedElement.addEventListener('mouseover', changeOpacity);
clonedElement.addEventListener('mouseout', changeOpacityToOne);
},
// the function is called every time marker leaves the viewport
onDetach: function(clonedElement, domIcon, domMarker) {
clonedElement.removeEventListener('mouseover', changeOpacity);
clonedElement.removeEventListener('mouseout', changeOpacityToOne);
}
});
// startMarker
var startMarker = new H.map.DomMarker(section.departure.place.location, {
icon: domIcon
});
outerElement = document.createElement('div'),
innerElement = document.createElement('div');
outerElement.style.userSelect = 'none';
outerElement.style.webkitUserSelect = 'none';
outerElement.style.msUserSelect = 'none';
outerElement.style.mozUserSelect = 'none';
outerElement.style.cursor = 'default';
innerElement.style.color = 'red';
innerElement.style.backgroundColor = 'blue';
innerElement.style.border = '2px solid black';
innerElement.style.font = 'normal 12px arial';
innerElement.style.lineHeight = '12px'
innerElement.style.paddingTop = '2px';
innerElement.style.paddingLeft = '4px';
innerElement.style.width = '20px';
innerElement.style.height = '20px';
// add negative margin to inner element
// to move the anchor to center of the div
innerElement.style.marginTop = '-10px';
innerElement.style.marginLeft = '-10px';
outerElement.appendChild(innerElement);
// Add text to the DOM element
str = String.fromCharCode(str.charCodeAt(str.length - 1) + 1);
innerElement.innerHTML = str;
//create dom icon and add/remove opacity listeners
var domIcon = new H.map.DomIcon(outerElement, {
// the function is called every time marker enters the viewport
onAttach: function(clonedElement, domIcon, domMarker) {
clonedElement.addEventListener('mouseover', changeOpacity);
clonedElement.addEventListener('mouseout', changeOpacityToOne);
},
// the function is called every time marker leaves the viewport
onDetach: function(clonedElement, domIcon, domMarker) {
clonedElement.removeEventListener('mouseover', changeOpacity);
clonedElement.removeEventListener('mouseout', changeOpacityToOne);
}
});
//endMarker
var endMarker = new H.map.DomMarker(section.arrival.place.location, {
icon: domIcon
});
polyline.id = "route";
startMarker.id = "route";
endMarker.id = "route";
// Add the route polyline and the two markers to the map:
map.addObjects([polyline, startMarker, endMarker]);
// And zoom to its bounding rectangle
map.getViewModel().setLookAtData({
bounds: polyline.getBoundingBox()
});
});
}
</script>
<div class="clearfix"></div>
<div id="modal_dialog" style="display: none">
<span id="ContentPlaceHolder1_Booking_lblError2"></span>
</div>
<span id="ContentPlaceHolder1_Booking_lblerror"></span>
<div class="col-lg-6 col-md-12 col-sm-12" style="border-right: 0px solid #999;">
<div class="formcvr">
<span class="clsIsValidateQuote none">1</span>
<h2>Instant Quote & Online Booking</h2>
<div class="form">
<div class="form-list">
<div class="form-list-h1">Pick Up Location</div>
<div class="form-list1">
<input name="ctl00$ContentPlaceHolder1$Booking$txtFrombook" type="text" id="ContentPlaceHolder1_Booking_txtFrombook" class="field clsAddressFromMain clsRequiredquote" autocomplete="off" placeholder="Please type the pickup Address">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfFromID" id="ContentPlaceHolder1_Booking_hdfFromID" value="0">
</div>
</div>
<div class="clsParent none">
<div class="form-list">
<div class="form-list-h1">Via location</div>
<div class="form-list1">
<input name="ctl00$ContentPlaceHolder1$Booking$txtAddressVai" type="text" id="ContentPlaceHolder1_Booking_txtAddressVai" class="field clsAddressToVia trViaNormal clsRequired" placeholder="Please type the Address"
autocomplete="off">
</div>
</div>
<table id="ViaTblResult" border="0" cellpadding="0" cellspacing="0" class="clsViaTblResult none">
<tbody>
<tr>
<th>Type </th>
</tr>
<tr>
<th>Address </th>
</tr>
</tbody>
</table>
</div>
<div class="form-list">
<div class="form-list-h1">Drop Off Location</div>
<div class="form-list1">
<input name="ctl00$ContentPlaceHolder1$Booking$txtTobook" type="text" id="ContentPlaceHolder1_Booking_txtTobook" class="field clsAddressToMain clsRequiredquote " autocomplete="off" placeholder="Please type the dropoff Address">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfToID" id="ContentPlaceHolder1_Booking_hdfToID" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfLocationTypeFrom" id="ContentPlaceHolder1_Booking_hdfLocationTypeFrom" value="1">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfLocationTypeTo" id="ContentPlaceHolder1_Booking_hdfLocationTypeTo" value="4">
</div>
</div>
<div class="form-list">
<div class="form-list-h1">Pickup Date</div>
<div class="form-list1">
<input name="ctl00$ContentPlaceHolder1$Booking$txtPickupDate" type="text" id="ContentPlaceHolder1_Booking_txtPickupDate" class="field clsDate clsRequiredquote clsPickupMainDate hasDatepicker" placeholder="Pickup Date"
readonly="readonly">
</div>
</div>
<div class="form-list">
<div class="form-list-h1">Pickup Time</div>
<div class="form-list1">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="padding-left: 0px; padding-right: 5px;">
<select name="ctl00$ContentPlaceHolder1$Booking$ddlpickuptimehr" id="ContentPlaceHolder1_Booking_ddlpickuptimehr" class="field3 clsRequiredquote clsPickupMainHr">
<option value="0">Hours</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="padding-left: 5px; padding-right: 0px;">
<select name="ctl00$ContentPlaceHolder1$Booking$ddlpickuptimemin" id="ContentPlaceHolder1_Booking_ddlpickuptimemin" class="field3 clsRequiredquote">
<option value="0">Minutes</option>
<option value="00">00</option>
<option value="05">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
</div>
</div>
</div>
<div class="none" id="ReturnDiv">
<div class="form-list">
<div class="form-list-h1">Return Date</div>
<div class="form-list1">
<input name="ctl00$ContentPlaceHolder1$Booking$txtReturnDatebook" type="text" id="ContentPlaceHolder1_Booking_txtReturnDatebook" class="field clsDate clsReturnMainQuote clsRequiredquote hasDatepicker" placeholder="Return Date"
readonly="readonly">
</div>
</div>
<div class="form-list">
<div class="form-list-h1">Return Time</div>
<div class="form-list1">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="padding-left: 0px; padding-right: 5px;">
<select name="ctl00$ContentPlaceHolder1$Booking$ddlreturntimehr" id="ContentPlaceHolder1_Booking_ddlreturntimehr" class="field3 clsRequiredquote clsReturnMainHr">
<option value="0">Hours</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="padding-left: 5px; padding-right: 0px;">
<select name="ctl00$ContentPlaceHolder1$Booking$ddlreturntimemin" id="ContentPlaceHolder1_Booking_ddlreturntimemin" class="field3 clsRequiredquote">
<option value="0">Minutes</option>
<option value="00">00</option>
<option value="05">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
</div>
</div>
</div>
</div>
<div class="form-list">
<div class="col-lg-6 col-md-12 col-sm-12 padding-less-left padding-less-right">
<div class="form-list-h2">Vehicles</div>
<div class="form-list2">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfVehicleId" id="ContentPlaceHolder1_Booking_hdfVehicleId" value="ANY VEHICLE">
<select name="ctl00$ContentPlaceHolder1$Booking$ddlVehicle" id="ContentPlaceHolder1_Booking_ddlVehicle" class="field3">
<option selected="selected" value="3334">ANY VEHICLE</option>
<option value="3335">SALOON CAR</option>
<option value="3338">ESTATE CAR</option>
</select>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 padding-less-right">
<div class="form-list-check">
<input id="ContentPlaceHolder1_Booking_chkreturnjourney" type="checkbox" name="ctl00$ContentPlaceHolder1$Booking$chkreturnjourney">Return
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 padding-less-right">
<div class="form-list-check">
<input id="ContentPlaceHolder1_Booking_chkviajourney" type="checkbox" name="ctl00$ContentPlaceHolder1$Booking$chkviajourney">Add Via
</div>
</div>
</div>
<div class="form-list">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<a id="ContentPlaceHolder1_Booking_GetQuote" class="GetButton clsGetQuote" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Booking$GetQuote','')">Get a Quote</a>
</div>
</div>
</div>
<div class="postlist none">PostCode Example: <span class="postgreen">KT4 7QQ</span></div>
<div class="formerror clsInvalidAddress none">Invalid Address!</div>
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfViaID" id="ContentPlaceHolder1_Booking_hdfViaID" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfSuggestionStatus" id="ContentPlaceHolder1_Booking_hdfSuggestionStatus">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfIsVia" id="ContentPlaceHolder1_Booking_hdfIsVia" value="0">
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div id="divBookNow">
<div id="divShowMap">
<div id="map" style="height: 400px; width: 100%; overflow: inherit !important; margin: 0 auto;" class="bookmap">
<div style="position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-tap-highlight-color: transparent;">
<div style="z-index: 0; width: 100%; height: 100%; position: absolute; touch-action: none;">
<div style="position: absolute; height: 100%; width: 100%; z-index: 0; background-color: transparent;"><canvas width="540" height="400"
style="position: absolute; top: 0px; left: 0px; width: 540px; height: 400px; background-color: rgb(245, 248, 250);"></canvas>
<div style="position: absolute; width: 540px; height: 400px; z-index: 0;"></div>
</div>
</div>
<div class="H_imprint" style="position: absolute; bottom: 0px; right: 0px; left: 0px; z-index: 1; direction: ltr; pointer-events: none; user-select: none; font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;">
<div class="H_logo" style="margin: 0px 0px 16px 16px; display: inline-block;"><svg height="40" viewBox="0 0 47 40" width="47" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path
d="m45.2054149 8.82876345.6003191.40637037-.2240425.6914074-.4490426 1.38570368c-.1024468.3148889-.6998936 1.9596297-2.43 3.5918519l-.017234.0163704c-.188617.1887407-.3801064.3659259-.5467021.5084444l-.4605319.4285185-.486383.4516296-.1407447-.0702963c-.7257447.4583704-1.4926596.7886667-2.2796809.9831852l.5840426.5864445-.6769149.6817778-2.052766 2.0636296-.169468.1704444-.019149.0192593-2.3821276 2.3958518c-.4902128.8493334-1.1202128 1.6331852-1.8497873 2.3111112-.6031915.6047407-1.2504255 1.1054814-1.935 1.4954814l-.4777659.4805186-4.3247873 4.3506666-.0296808.0298519-.0315958.0269629-2.1532978 1.8171111-.2661702.2253334h-.3485107-3.8948936l-3.968617 3.9914815-1.3547873 1.3616296-.6769148.6808148-.6769149-.6808148-1.3538298-1.3616296-4.80925535-4.837926-3.2687234-3.2875555-1.63436171-1.6437778h2.3112766 4.62255319 2.67223407l-4.71063832-4.7368148-.6769149-.6808148.6769149-.6808148 4.93851062-4.9650371.6769149-.6798518.6769149.6808148 2.7296809 2.7454074c.9363829-.8820741 2.1485106-1.4685185 3.4037234-1.6562963.278617-1.4694815 1.0187234-2.834963 2.168617-3.9885926.5696808-.572 1.1843617-1.0438519 1.8335106-1.4107407l.2901064-.2917778 4.3094681-4.31985187c.5830851-1.0582963 1.4256383-1.78918519 2.0364893-2.12718519l.4471277-.24748148c.3829787-.7617037.9047872-1.47622222 1.5539362-2.12622222 1.510851-1.51666667 3.3165957-2.31881482 5.22-2.31881482.0871276 0 .1752127.00192593.2594681.00577778 1.9484042.06933334 3.8441489.97933334 5.4775532 2.62792593.1512765.15022222.3303191.34859259.5361702.5797037l.0526595.05874074c.1120213.12518519.2345745.26192593.370532.40733334l1.2657446 1.36066666.6328724.67985185-.6548936.65866667-.2508511.25325926zm-27.9288192 22.17414815h-9.57446804l4.78723404 4.8148148zm23.1864894-21.70422223c-.9220213 1.38666663-2.5180851 3.63037033-4.1984042 1.94133333l4.2510638-4.27651851c-.3810638-.41022222-.6711702-.754-.8923404-.97740741-2.2921277-2.31207407-4.8743617-2.34192593-6.8984043-.312-1.3528723 1.35681481-1.7071277 2.91007407-1.313617 4.38533332l-1.332766-1.52629628c-.385851.21474074-2.0182979 1.65918518-.7937234 3.84703708l-1.5252127-1.274963-2.0240426 2.0299259 2.7344681 2.7502222c-2.1121277-1.6861481-4.3889362-1.5205185-6.2157447.312-1.9560638 1.9615556-1.8181915 4.3381482-.3532979 6.293926l-.295851-.2946667c-1.9321277-1.9432593-4.0318085-1.2576296-5.0706383-.2128148-.8023405.8079259-1.2944681 1.9191852-1.0924468 2.6905185l-4.195532-4.2187407-2.22893613 2.2408148 8.25893613 8.3065185h4.4339362l-2.9767021-2.9938519c-.5893908-.6029568-.9604155-1.0987731-1.1531529-1.5232627-.3182349-.7008886-.1504161-1.2073234.3230465-1.680515.7334043-.7318519 1.583617-.2763704 3.0829787 1.2277777l2.9412766 2.9562963 2.2164894-2.2292592-2.7909575-2.8060741c2.0125532 1.5291852 4.4224468 1.612 6.5728724-.545037 1.3567021-1.2653334 1.7425532-2.4565185 1.7425532-2.4565185l-1.6755319-1.1314815c-.9229788 1.3866666-2.5152128 3.6361481-4.195532 1.9461481l4.2606383-4.2851852 2.655 2.6712593 2.3160639-2.3294074-3.3223405-3.3424445c-1.5520212-1.5609629-.6328723-3.0275555.0124469-3.5793333.3025531.6442222.7448936 1.2624445 1.3078723 1.8296296 2.1485106 2.1676297 4.9260638 2.6038519 7.3685106.1550371 1.3567022-1.2643704 1.7425532-2.4565185 1.7425532-2.4565185zm-3.6564894-1.35537321-2.0211702 2.03377777c-.9890425-1.18251851-.9392553-1.81422222-.3245744-2.43051851.7439361-.7462963 1.4993617-.43044445 2.3457446.39674074zm-12.4879787 12.56088884c-.9890425-1.1825185-.9411702-1.819037-.3284042-2.4353333.7448936-.7462963 1.5003191-.4304444 2.3467021.3967408z"
fill="#0f1621" fill-opacity=".7" style="fill: rgb(255, 255, 255); fill-opacity: 0.6;"></path>
<path
d="m17.2765957 31.0029116-4.787234 4.8148148-4.78723404-4.8148148zm23.1864894-21.70422223 1.6755319 1.13148153s-.385851 1.1921481-1.7425532 2.4565185c-2.4424468 2.4488148-5.22 2.0125926-7.3685106-.1550371-.5629787-.5671851-1.0053192-1.1854074-1.3078723-1.8296296-.6453192.5517778-1.5644681 2.0183704-.0124469 3.5793333l3.3223405 3.3424445-2.3160639 2.3294074-2.655-2.6712593-4.2606383 4.2851852c1.6803192 1.69 3.2725532-.5594815 4.195532-1.9461481l1.6755319 1.1314815s-.3858511 1.1911851-1.7425532 2.4565185c-2.1504256 2.157037-4.5603192 2.0742222-6.5728724.545037l2.7909575 2.8060741-2.2164894 2.2292592-2.9412766-2.9562963c-1.4993617-1.5041481-2.3495744-1.9596296-3.0829787-1.2277777-.4734626.4731916-.6412814.9796264-.3230465 1.680515.1927374.4244896.5637621.9203059 1.1531529 1.5232627l2.9767021 2.9938519h-4.4339362l-8.25893613-8.3065185 2.22893613-2.2408148 4.195532 4.2187407c-.2020213-.7713333.2901063-1.8825926 1.0924468-2.6905185 1.0388298-1.0448148 3.1385106-1.7304445 5.0706383.2128148l.295851.2946667c-1.4648936-1.9557778-1.6027659-4.3323704.3532979-6.293926 1.8268085-1.8325185 4.103617-1.9981481 6.2157447-.312l-2.7344681-2.7502222 2.0240426-2.0299259 1.5252127 1.274963c-1.2245745-2.1878519.4078724-3.63229634.7937234-3.84703708l1.332766 1.52629628c-.3935107-1.47525925-.0392553-3.02851851 1.313617-4.38533332 2.0240426-2.02992593 4.6062766-2.00007407 6.8984043.312.2211702.22340741.5112766.56718519.8923404.97740741l-4.2510638 4.27651851c1.6803191 1.689037 3.2763829-.5546667 4.1984042-1.94133333zm-16.1444681 11.20551563 2.0182979-2.0385925c-.846383-.8271852-1.6018085-1.1430371-2.3467021-.3967408-.612766.6162963-.6606383 1.2528148.3284042 2.4353333zm12.4879787-12.56088884c-.8463829-.82718519-1.6018085-1.14303704-2.3457446-.39674074-.6146809.61629629-.6644681 1.248.3245744 2.43051851z"
fill="#fff" fill-opacity=".3" style="fill: rgb(15, 22, 33); fill-opacity: 0.3;"></path>
</g>
</svg></div>
<div class="H_copyright" style="right: 0px; bottom: 0px; position: absolute; background-color: rgba(255, 255, 255, 0.8); color: rgb(15, 22, 33); padding: 2px 16px;">
<a target="_blank" href="https://legal.here.com/en/terms/serviceterms/us" style="color: inherit; margin: 0px 8px; text-decoration: none; pointer-events: all;">Terms of use</a><span style="margin: 0px 8px;">© 1987–2024
HERE</span></div>
</div>
<div class="H_ui">
<div class="H_l_top H_l_left">
<div class="H_l_anchor H_l_horizontal"></div>
<div class="H_l_anchor H_l_vertical"></div>
</div>
<div class="H_l_top H_l_right">
<div class="H_l_anchor H_l_horizontal"></div>
<div class="H_l_anchor H_l_vertical"></div>
</div>
<div class="H_l_bottom H_l_left">
<div class="H_l_anchor H_l_vertical"></div>
<div class="H_l_anchor H_l_horizontal"></div>
</div>
<div class="H_l_bottom H_l_right">
<div class="H_l_anchor H_l_vertical">
<div class="H_ctl H_el H_zoom H_grp">
<div class="H_btn H_el" title="Zoom in"><svg version="1.1" class="H_icon" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="m5 10.6h5.6v-5.6h2.8v5.6h5.6v2.8h-5.6v5.6h-2.8v-5.6h-5.6v-2.8z"></path>
</g>
</svg></div>
<div class="H_btn H_el" title="Zoom out"><svg version="1.1" class="H_icon" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="m5 10.6h14v2.8h-14z"></path>
</svg></div>
</div>
</div>
<div class="H_l_anchor H_l_horizontal">
<div class="H_ctl H_el H_scalebar" title="Change to miles" style="direction: ltr;"><svg height="12" version="1.1" xmlns="http://www.w3.org/2000/svg" width="87">
<polyline style="fill:none; stroke:white; stroke-width:4" points="2 2 2 10 85 10 85 2"></polyline>
<polyline style="fill:none; stroke:black; stroke-width:2" points="2 2 2 10 85 10 85 2"></polyline>
</svg>
<div style="padding: 0 0 0 10px">1 km</div>
</div>
<div class="H_ctl H_el">
<div class="H_btn H_el" title="Choose view"><svg xmlns="http://www.w3.org/2000/svg" class="H_icon" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M6.7,14.6 L4.5,16 L12,20.6 L19.5,16 L17.3,14.6 L19.1,13.5 L23,16 L12,23 L1,16 L4.9,13.5 L6.7,14.6 Z M12,2 L23,9 L12,16 L1,9 L12,2 Z"></path>
</svg></div>
<div class="H_overlay H_el">
<div class="H_rdo H_el">
<div class="H_rdo_title H_el">Choose view</div>
<div class="H_rdo_buttons H_el">
<div class="H_btn H_el H_active">Map view</div>
<div class="H_btn H_el">Satellite</div>
</div>
</div>
<div class="H_separator H_el"></div>
<div class="H_grp H_el">
<div class="H_btn H_el">Traffic conditions</div>
<div class="H_btn H_el">Show traffic incidents</div>
</div>
</div>
</div>
</div>
</div>
<div class="H_l_anchor H_l_top H_l_center H_l_horizontal" style="margin-left: 0px;"></div>
<div class="H_l_anchor H_l_left H_l_middle H_l_vertical" style="margin-top: 0px;"></div>
<div class="H_l_anchor H_l_right H_l_middle H_l_vertical" style="margin-top: 0px;"></div>
<div class="H_l_anchor H_l_bottom H_l_center H_l_horizontal" style="margin-left: 0px;"></div>
</div>
</div>
</div>
<div id="panel">
</div>
</div>
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfSelectedPassengers" id="ContentPlaceHolder1_Booking_hdfSelectedPassengers" value="4">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfSelectedLuggages" id="ContentPlaceHolder1_Booking_hdfSelectedLuggages" value="2">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfSelectedHandLuggages" id="ContentPlaceHolder1_Booking_hdfSelectedHandLuggages" value="2">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div id="divFleetImage">
<div class="veh-list">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<i class="fa fa-user" aria-hidden="true"></i>
<span class="clsNoofPassangers">x 4 </span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<i class="fa fa-suitcase" aria-hidden="true"></i>
<span class="clsNoOfLuggages">x 2 </span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<i class="fa fa-briefcase" aria-hidden="true"></i>
<span class="clsNoOfHandLuggages">x 2 </span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="veh-img">
<img style="max-width: 82px;" src="carimage/FleetImage/saloon.png" class="imgVehicle">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="DivFareInfo" class="farebox distance-miles-main none">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="distance-miles-box">
<div class="distance-miles-box-h1">Time</div>
<div class="distance-miles-box-value">
<span id="ContentPlaceHolder1_Booking_lblTime" class="field3"></span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="distance-miles-box">
<div class="distance-miles-box-h1">Distance</div>
<div class="distance-miles-box-value">
<span id="ContentPlaceHolder1_Booking_lblDistance" class="field3"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="distance-miles-box">
<div class="distance-miles-box-h1">
<span id="ContentPlaceHolder1_Booking_lblFarehead">Fare</span>: £
</div>
<div class="distance-miles-box-value">
<span id="ContentPlaceHolder1_Booking_lblVehicleFare" class="field3"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a id="ContentPlaceHolder1_Booking_btnbookNowfare" class="clsbookNowfare farebtn" autopostback="false" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Booking$btnbookNowfare','')" style="color:Red;">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="loadingDiv" id="loadingDiv">
<div class="screnloading">
<img id="ContentPlaceHolder1_Booking_Image1" title="Loading ..." class="screnloading2" src="images/loading.gif">
</div>
</div>
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfTotalFare" id="ContentPlaceHolder1_Booking_hdfTotalFare" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfOneWayTimeCharges" id="ContentPlaceHolder1_Booking_hdfOneWayTimeCharges" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfTwoWayTimeCharges" id="ContentPlaceHolder1_Booking_hdfTwoWayTimeCharges" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfOneWayDateCharges" id="ContentPlaceHolder1_Booking_hdfOneWayDateCharges" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfTwoWayDateCharges" id="ContentPlaceHolder1_Booking_hdfTwoWayDateCharges" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfWaitAndReturnFare" id="ContentPlaceHolder1_Booking_hdfWaitAndReturnFare" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfIncrementalWaitAndReturnTime" id="ContentPlaceHolder1_Booking_hdfIncrementalWaitAndReturnTime" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfFreeWaitAndReturnTime" id="ContentPlaceHolder1_Booking_hdfFreeWaitAndReturnTime" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfAddWaitAndReturn" id="ContentPlaceHolder1_Booking_hdfAddWaitAndReturn" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$hdfAddMeetandGreet" id="ContentPlaceHolder1_Booking_hdfAddMeetandGreet" value="0">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$FromAddress" id="ContentPlaceHolder1_Booking_FromAddress">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$ToAddress" id="ContentPlaceHolder1_Booking_ToAddress">
<input type="hidden" name="ctl00$ContentPlaceHolder1$Booking$ViaAddress" id="ContentPlaceHolder1_Booking_ViaAddress">
<script type="text/javascript">
//$("#singlechatpanel-1").is(':visible');
var boBookingInformation = new Object();
$(function() {
//$('.clsLT').val(4);
//$('.clsLTTo').val(4);
//$('[id$=txtFrombook]').val('');
//$('[id$=txtTobook]').val('');
//$('[id$=txtPickupDate]').val('');
//$('[id$=ddlpickuptimehr]').val(00);
//$('[id$=ddlpickuptimemin]').val(00);
//$('[id$=txtReturnDatebook]').val('');
//$('[id$=ddlreturntimehr]').val(00);
//$('[id$=ddlreturntimemin]').val(00);
//$('[id$=chkreturnjourney]').prop('checked', false);
//$('.clsInvalidAddress').addClass("none");
});
if ($('[id*=chkreturnjourney]').is(":checked") == true) {
$('#ReturnDiv').removeClass(" none");
}
$('[id*=chkreturnjourney]').change(function() {
$('#DivFareInfo').addClass('none');
if ($('[id*=chkreturnjourney]').is(":checked") == true) {
$('#ReturnDiv').removeClass("none");
} else {
$('#ReturnDiv').addClass("none");
}
});
$('[id$=ddlVehicle]').change(function() {
//var imagevehicle = $('.imgVehicle');
var NoOfPassangersobject = $('.clsNoofPassangers');
var NoOfLuggagesObject = $('.clsNoOfLuggages');
var NoOfHandLuggagesObject = $('.clsNoOfHandLuggages');
//var vehicleName = $("#ContentPlaceHolder1_Booking_ddlVehicle option:selected").text();
if ($(this).val() != '0') {
var VehicleName = $("#ContentPlaceHolder1_Booking_ddlVehicle option:selected").text();
if (VehicleName == "6 SEATER" || VehicleName == "8 SEATER") {
alert("PLEASE CALL OFFICE TO MAKE A BOOKING WITH THIS VEHICLE TYPE");
$('#DivFareInfo').addClass('none');
} else {
var params = "{'id':'" + $("#ContentPlaceHolder1_Booking_ddlVehicle option:selected").text() + "'}";
$("#ContentPlaceHolder1_Booking_hdfVehicleId").val($("#ContentPlaceHolder1_Booking_ddlVehicle option:selected").text());
//$("#ContentPlaceHolder1_Booking_hdfVehicleId").val($('[id$=ddlVehicle]').val());
$.ajax({
url: "Service/WebService.asmx/GetVehiclePassengers",
data: params,
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
$(NoOfPassangersobject).html(data.d.split(',')[0]);
$(NoOfLuggagesObject).html(data.d.split(',')[1]);
$(NoOfHandLuggagesObject).html(data.d.split(',')[2]);
$('.imgVehicle').attr('src', './Carimage/FleetImage/' + data.d.split(',')[3]);
$('.clsVehicleName').html(data.d.split(',')[4])
$('[id$=hdfSelectedLuggages]').val(NoOfLuggagesObject.html());
$('[id$=hdfSelectedHandLuggages]').val(NoOfHandLuggagesObject.html());
$('[id$=hdfSelectedPassengers]').val(NoOfPassangersobject.html());
$('.clsGetQuote').click();
},
error: function(response) {
alert(response.responseText);
},
failure: function(response) {
alert(response.responseText);
}
});
}
}
});
$('[id$=chkviajourney]').change(function() {
if ($('[id$=chkviajourney]').is(":checked") == true) {
$(".clsParent").removeClass("none");
$('#DivFareInfo').addClass('none');
} else {
$(".clsParent").addClass("none");
$('.clsAddressToVia').val("");
$('#DivFareInfo').addClass('none');
calculateRouteFromAtoB();
}
});
$('.clsDate').datepicker({
changeMonth: false,
changeYear: false,
minDate: -0,
dateFormat: 'DD d MM yy'
}).attr('readonly', 'readonly');
$('.clsPickupMainHr').on('change', function() {
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
var hh = today.getHours();
var MIN = today.getMinutes();
var pickup = new Date($('.clsPickupMainDate').val());
var dd1 = pickup.getDate();
var mm1 = pickup.getMonth() + 1;
var yyyy1 = pickup.getFullYear();
if ((dd == dd1) && (mm == mm1) && (yyyy == yyyy1)) {
if (parseInt($(this).val()) > parseInt(today.getHours())) {
for (var index = 0; index < 60; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimemin] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlpickuptimemin] option[value=' + index + ']').prop('disabled', false);
}
}
} else if (parseInt($(this).val()) == parseInt(today.getHours())) {
for (var index = 0; index < MIN; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimemin] option[value=0' + index + ']').prop('disabled', true);
} else {
$('[id$=ddlpickuptimemin] option[value=' + index + ']').prop('disabled', true);
}
}
}
} else {
for (var index = 0; index < 60; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimemin] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlpickuptimemin] option[value=' + index + ']').prop('disabled', false);
}
}
}
});
$('.clsPickupMainDate').on('change', function() {
$('.clsPickupMainHr').removeAttr('disabled');
$('.clsPickupMainMin').removeAttr('disabled');
$('.clsPickupMainDate').datepicker({
changeMonth: false,
changeYear: false,
minDate: -0,
dateFormat: ' DD d MM yy'
}).attr('readonly', 'readonly');
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
var hh = today.getHours();
var MIN = today.getMinutes();
var pickup = new Date($(this).val());
var dd1 = pickup.getDate();
var mm1 = pickup.getMonth() + 1;
var yyyy1 = pickup.getFullYear();
if ((dd == dd1) && (mm == mm1) && (yyyy == yyyy1)) {
for (var index = 0; index < hh; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimehr] option[value=0' + index + ']').prop('disabled', true);
} else {
$('[id$=ddlpickuptimehr] option[value=' + index + ']').prop('disabled', true);
}
}
for (var index = 0; index < MIN; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimemin] option[value=0' + index + ']').prop('disabled', true);
} else {
$('[id$=ddlpickuptimemin] option[value=' + index + ']').prop('disabled', true);
}
}
} else {
for (var index = 0; index < 24; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimemin] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlpickuptimemin] option[value=' + index + ']').prop('disabled', false);
}
}
for (var index = 0; index < 60; index++) {
if (index.toString().length == 1) {
$('[id$=ddlpickuptimehr] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlpickuptimehr] option[value=' + index + ']').prop('disabled', false);
}
}
}
});
$('.clsReturnMainHr').on('change', function() {
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
var hh = today.getHours();
var MIN = today.getMinutes();
var pickup = new Date($('.clsReturnMainQuote').val());
var dd1 = pickup.getDate();
var mm1 = pickup.getMonth() + 1;
var yyyy1 = pickup.getFullYear();
if ((dd == dd1) && (mm == mm1) && (yyyy == yyyy1)) {
if (parseInt($(this).val()) > parseInt(today.getHours())) {
for (var index = 0; index < 60; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimemin] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlreturntimemin] option[value=' + index + ']').prop('disabled', false);
}
}
} else if (parseInt($(this).val()) == parseInt(today.getHours())) {
for (var index = 0; index < MIN; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimemin] option[value=0' + index + ']').prop('disabled', true);
} else {
$('[id$=ddlreturntimemin] option[value=' + index + ']').prop('disabled', true);
}
}
}
} else {
for (var index = 0; index < 60; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimemin] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlreturntimemin] option[value=' + index + ']').prop('disabled', false);
}
}
}
});
$('.clsReturnMainQuote').on('change', function() {
$('.clsReturnMainHr').removeAttr('disabled');
$('.clsReturnMainMin').removeAttr('disabled');
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
var hh = today.getHours();
var MIN = today.getMinutes();
var pickup = new Date($(this).val());
var dd1 = pickup.getDate();
var mm1 = pickup.getMonth() + 1;
var yyyy1 = pickup.getFullYear();
if ((dd == dd1) && (mm == mm1) && (yyyy == yyyy1)) {
for (var index = 0; index < hh; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimehr] option[value=0' + index + ']').prop('disabled', true);
} else {
$('[id$=ddlreturntimehr] option[value=' + index + ']').prop('disabled', true);
}
}
for (var index = 0; index < MIN; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimemin] option[value=0' + index + ']').prop('disabled', true);
} else {
$('[id$=ddlreturntimemin] option[value=' + index + ']').prop('disabled', true);
}
}
} else {
for (var index = 0; index < 24; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimehr] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlreturntimehr] option[value=' + index + ']').prop('disabled', false);
}
}
for (var index = 0; index < 60; index++) {
if (index.toString().length == 1) {
$('[id$=ddlreturntimemin] option[value=0' + index + ']').prop('disabled', false);
} else {
$('[id$=ddlreturntimemin] option[value=' + index + ']').prop('disabled', false);
}
}
}
});
$(document.body).on("click", '.clsReturnMainQuote', function() {
// $('.clsRadioReturn').live("click", function() {
$('#DivFareInfo').addClass('none');
});
var savings_data = '';
$(document.body).on("click", '.clsRadioOne', function() {
// $('.clsRadioOne').live("click", function() {
$('.clsReturnDate').addClass("none");
});
$(document.body).on("click", '.clsRadioReturn', function() {
// $('.clsRadioReturn').live("click", function() {
$('.clsReturnDate').removeClass("none");
});
$('.clsLT').change(function() {
$(this).addClass('loading');
$("#ContentPlaceHolder1_Booking_hdfLocationTypeFrom").val($(this).val());
$('.clsAddressFrom').addClass('none');
$('.clsddlAddressFrom').addClass('none');
if ($(this).val() == 2 || $(this).val() == 4) {
ShowHide($(this).val(), $('.clsAddressFromMain'), $('.clsddlAddressFrom'));
$(this).removeClass('loading');
} else {
var type = $("option:selected", $(this)).text();
var SelectedItem = $(this);
$.ajax({
type: "POST",
url: "Service/WebService.asmx/GetLocationLocationType",
data: "{'typeID':'" + $(this).val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
$(SelectedItem).removeClass('loading');
var ddlLocations = $('.clsddlAddressFrom');
ddlLocations.empty().append('<option selected="selected" value="0">--Select ' + type + '--</option>');
$.each(r.d, function() {
ddlLocations.append($("<option></option>").val(this['Value']).html(this['Text']));
});
},
error: function() {
$(SelectedItem).removeClass('loading');
alert("Failed to load data");
}
});
ShowHide($(this).val(), $('.clsAddressFromMain'), $('.clsddlAddressFrom'));
}
});
$('.clsLTTo').change(function() {
$(this).addClass('loading');
$("#ContentPlaceHolder1_Booking_hdfLocationTypeTo").val($(this).val());
$('.clsddlAddressTo').addClass('none');
$('.clsAddressToMain').addClass('none');
if ($(this).val() == 2 || $(this).val() == 4) {
ShowHide($(this).val(), $('.clsAddressToMain'), $('.clsddlAddressTo'));
$(this).removeClass('loading');
} else {
var type = $("option:selected", $(this)).text();
var SelectedItem = $(this);
$.ajax({
type: "POST",
url: "Service/WebService.asmx/GetLocationLocationType",
data: "{'typeID':'" + $(this).val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
$(SelectedItem).removeClass('loading');
var ddlLocations = $('.clsddlAddressTo');
ddlLocations.empty().append('<option selected="selected" value="0">--Select ' + type + '--</option>');
$.each(r.d, function() {
ddlLocations.append($("<option></option>").val(this['Value']).html(this['Text']));
});
},
error: function() {
$(SelectedItem).removeClass('loading');
alert("Failed to load data");
}
});
ShowHide($(this).val(), $('.clsAddressToMain'), $('.clsddlAddressTo'));
}
});
$(".clsAddressFromMain").keydown(function() {
$('#DivFareInfo').addClass('none');
var TypeId = $('.clsLT option:selected').val();
var MinValue = GetMinValue(TypeId);
AutoComplete($(this), TypeId, MinValue, $("#ContentPlaceHolder1_Booking_hdfFromID"));
});
$(document.body).on("keydown", '.clsAddressToMain', function() {
$('#DivFareInfo').addClass('none');
// $(".clsAddressTo").live("keypress", function() {
var TypeId = $('.clsLTTo option:selected').val();
var MinValue = GetMinValue(TypeId);
AutoComplete($(this), TypeId, MinValue, $("#ContentPlaceHolder1_Booking_hdfToID"));
});
$('.clsAddVia').click(function() {
$('#ReturnDiv').addClass("none");
$(".clsMyTable").removeClass("none");
var myRow = "<div class='form-list1 trVia clstestvia' id='trvia'>" + "<img src='images/cross.png' style='cursor:pointer;' class='crossiconbtn clsDelete' />" +
"<select class='field3 clsLTTo clsViaLTTo none' name='ddlLocationTypeTo'>" + $('.clsLT').html() + "</select>" + "<div class='clsSelectLocation none'></div>"
//+ "</div>"
+ "<textarea cols='1' rows='1' class='field2 clsAddressToVia' placeholder='Please type the Address'></textarea>" + "<select class='field clsddlAddressToVia none'></select>" + "</div>"; + "<span class=none></span>";
$(".clsParent div.clstestvia:last").after(myRow);
return false;
});
$(document.body).on("click", '.clsDelete', function() {
$(this).parent().remove();
if ($('.trVia').length == "0") {
$(".clsMyTable").addClass("none");
}
calculateAndDisplayRoute(directionsService, directionsDisplay);
});
$(document.body).on("change", '.clsViaLTTo', function() {
// $('.clsViaLTTo').live("change", function() {
$(this).addClass('loading');
var parent = $(this).parent().parent();
if ($(this).val() == 2 || $(this).val() == 4) {
ShowHide($(this).val(), $(parent).find('.clsAddressToVia'), $(parent).find('.clsddlAddressToVia'));
$(this).removeClass('loading');
} else {
var type = $("option:selected", $(this)).text();
var SelectedItem = $(this);
$.ajax({
type: "POST",
url: "Service/WebService.asmx/GetLocationLocationType",
data: "{'typeID':'" + $(this).val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
$(SelectedItem).removeClass('loading');
$(parent).find('.clsddlAddressToVia').html('');
var ddlLocations = $(parent).find('.clsddlAddressToVia');
ddlLocations.empty().append('<option selected="selected" value="0">--Select ' + type + '--</option>');
$.each(r.d, function() {
ddlLocations.append($("<option></option>").val(this['Value']).html(this['Text']));
});
},
error: function() {
$(SelectedItem).removeClass('loading');
alert("Failed to load data");
}
});
ShowHide($(this).val(), $(parent).find('.clsAddressToVia'), $(parent).find('.clsddlAddressToVia'));
}
});
$(document.body).on("keydown", '.clsAddressToVia', function() {
// $('.clsAddressToVia').live("keypress", function() {
var TypeId = 4;
var MinValue = 2;
AutoComplete($(this), TypeId, MinValue, $("#ContentPlaceHolder1_Booking_hdfViaID"));
});
$(document.body).on("click", '.clsbookNowfare', function() {
ShowPopup();
});
$(document.body).on("click", '.clsGetQuote', function() {
var VehicleName = $("#ContentPlaceHolder1_Booking_ddlVehicle option:selected").text();
if (VehicleName == "6 SEATER" || VehicleName == "8 SEATER") {
alert("PLEASE CALL OFFICE TO MAKE A BOOKING WITH THIS VEHICLE TYPE");
$('#DivFareInfo').addClass('none');
} else {
$('.clsInvalidAddress').addClass("none");
$('[id$=hdfIsVia]').val('0');
if ($('.clsAddressFromMain').is(':visible') && $('.clsAddressFromMain').val() != '') {
if ($('[id$=hdfSuggestionStatus]').val().indexOf($('.clsAddressFromMain').attr('id')) == -1 || ($('[id$=txtFrombook]').val() != $('[id$=FromAddress]').val())) {
$(document).ready(function() {
$('#modal_dialog').dialog({
title: 'jQuery Modal Dialog Popup ',
buttons: {
Close: function() {
$(this).dialog('close');
}
},
modal: true,
width: 350,
height: 200
});
$('.ui-dialog-titlebar').hide();
return false;
});
$('[id$=lblError2]').text('Please select Pick-up Location from suggestion.');
return false;
}
}
if ($('.clsAddressToMain').is(':visible') && $('.clsAddressToMain').val() != '') {
if ($('[id$=hdfSuggestionStatus]').val().indexOf($('.clsAddressToMain').attr('id')) == -1 || ($('[id$=txtTobook]').val() != $('[id$=ToAddress]').val())) {
$(document).ready(function() {
$('#modal_dialog').dialog({
title: 'jQuery Modal Dialog Popup ',
buttons: {
Close: function() {
$(this).dialog('close');
}
},
modal: true,
width: 350,
height: 200
});
$('.ui-dialog-titlebar').hide();
return false;
});
$('[id$=lblError2]').text('Please select Drop-off Location from suggestion.');
//alert('Please select Drop-off Location from suggestion..');
return false;
}
}
if ($('.clsAddressToVia').is(':visible') && $('.clsAddressToVia').val() != '') {
if ($('[id$=hdfSuggestionStatus]').val().indexOf($('.clsAddressToVia').attr('id')) == -1 || ($('[id$=txtAddressVai]').val() != $('[id$=ViaAddress]').val())) {
$(document).ready(function() {
$('#modal_dialog').dialog({
title: 'jQuery Modal Dialog Popup ',
buttons: {
Close: function() {
$(this).dialog('close');
}
},
modal: true,
width: 350,
height: 200
});
$('.ui-dialog-titlebar').hide();
return false;
});
$('[id$=lblError2]').text('Please select Via Point Location from suggestion.');
$('[id$=hdfIsVia]').val('1');
return false;
}
}
//$('.clsAddressToVia').each(function () {
// if ($(this).is(':visible')) {
// if ($('[id$=hdfSuggestionStatus]').val().indexOf($(this).attr('id')) == -1) {
// $(document).ready(function () { $('#modal_dialog').dialog({ title: 'jQuery Modal Dialog Popup ', buttons: { Close: function () { $(this).dialog('close'); } }, modal: true, width: 350, height: 200 }); $('.ui-dialog-titlebar').hide(); return false; });
// $('[id$=lblError2]').text('Please select Via Point Location ' + $(this).attr('id').replace('AddressToVia', '') + ' from suggestion.');
// //alert('Please select Via Point Location ' + $(this).attr('id').replace('AddressToVia', '') + ' from suggestion..');
// $('[id$=hdfIsVia]').val('1');
// return false;
// }
// }
//});
if ($('[id$=hdfIsVia]').val() == '1') {
return false;
}
$('.clsIsValidateQuote').html('1');
if (!requiredquote() > 0) {
return false;
}
ShowPopup();
var IsSuccess = false;
$("#ViaTblResult").html('');
var header = " <tr> <th> Type</th> <th> Address</th><th> Coordinates</th></tr>"
$("#ViaTblResult").append(header);
if ($('.clsAddressToVia').val() != "" && $('.clsAddressToVia').is(':visible')) {
var typeID = 4;
var TypeValue = "Address";
var AddressTo = $('.clsAddressToVia').val();
var Vias = $('[id$=hdfViaID]').val().split('|');
$.each(Vias, function(index, value) {
if (Vias[index].split('<>')[0] == AddressTo) {
if (Vias[index].split('<>')[1].indexOf('1-A-') > -1) {
typeID = 1;
TypeValue = "Airport";
} else if (Vias[index].split('<>')[1].indexOf('1-S-') > -1) {
typeID = 2;
TypeValue = "Station";
}
var DataRow = "<tr><td>" + TypeValue + "</td>" + "<td>" + AddressTo + "</td>" + "<td>" + Vias[index].split('<>')[1].replace('1-A-', '').replace('1-S-', '').replace('1-', '') + "</td>" + "</tr>";
$("#ViaTblResult").append(DataRow);
}
});
}
SetValue();
var params = "{'BookingJson':'" + JSON.stringify(boBookingInformation) + "' ,'ViaPoint':'" + JSON.stringify($("#ViaTblResult").html()) + "'}";
$.ajax({
//beforeSend: function() { GoogleCall($(obj).val(), TypeId); },
url: "Service/WebService.asmx/SetData",
data: params,
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
if (data.d != null) {
ClosePopup();
$('#DivFareInfo').removeClass("none");
var oneway = data.d.split(',')[0];
var twoway = data.d.split(',')[1];
var distance = data.d.split(',')[2];
var journeytime = data.d.split(',')[3];
var total = Number(oneway) + Number(twoway);
if (!$('[id*=chkreturnjourney]').is(':checked')) {
//if (boBookingInformation.Oneway) {
$('[id$=lblVehicleFare]').text(parseFloat(oneway).toFixed(2));
} else {
$('[id$=lblVehicleFare]').text(parseFloat(total).toFixed(2));
}
$('[id$=lblDistance]').text(distance + " Miles");
$('[id$=lblTime]').text(journeytime);
// window.location.href("~/pages/Result.aspx");
return true;
} else {
$('.clsInvalidAddress').removeClass("none");
$('.clsIsValidateQuote').html(1);
ClosePopup();
return false;
}
},
error: function(response) {
alert(response.responseText);
$("#modal_dialog").dialog('close');
},
failure: function(response) {
alert(response.responseText);
$("#modal_dialog").dialog('close');
}
});
return false;
}
});
function GetFareByID(ID) {
//ShowPopup();
var params = "{'ID':'" + ID + "'}";
$.ajax({
//beforeSend: function() { GoogleCall($(obj).val(), TypeId); },
url: "Service/WebService.asmx/GetfareByID",
data: params,
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
if (data.d != null) {
ClosePopup();
$('#DivFareInfo').addClass('none');
//$('#DivFareInfo').removeClass("none");
var oneway = data.d.split(',')[0];
var twoway = data.d.split(',')[1];
var total = Number(oneway) + Number(twoway);
if (!$('[id*=chkreturnjourney]').is(':checked')) {
//if (boBookingInformation.Oneway) {
$('[id$=lblVehicleFare]').text(oneway);
} else {
$('[id$=lblVehicleFare]').text(total);
}
//__doPostBack("GetQuote", "");
// window.location.href("~/pages/Result.aspx");
ClosePopup();
return true;
} else {
// $('.clsInvalidAddress').removeClass("none");
ClosePopup();
return false;
}
},
error: function(response) {
alert(response.responseText);
$("#modal_dialog").dialog('close');
},
failure: function(response) {
alert(response.responseText);
$("#modal_dialog").dialog('close');
}
});
}
function AutoComplete(obj, TypeId, MinValue, objValueID) {
$(obj).autocomplete({
source: function(request, response) {
$.ajax({
//beforeSend: function() { GoogleCall($(obj).val(), TypeId); },
url: "Service/WebService.asmx/Address",
data: "{ 'prefixText': '" + request.term + "','typeID': '" + TypeId + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
if (data.d == "") {
response($.map(savings_data, function(item) {
return {
label: item.split('|')[0],
val: item.split('|')[1]
}
}))
} else {
response($.map(data.d, function(item) {
return {
label: item.split('|')[0],
val: item.split('|')[1]
}
}))
}
},
error: function(response) {
// alert(response.responseText);
},
failure: function(response) {
// alert(response.responseText);
}
});
},
search: function(event, ui) {
$(this).addClass('loading');
},
select: function(e, i) {
$(objValueID).val(i.item.val);
$(this).removeClass('loading');
if ($('[id$=hdfSuggestionStatus]').val() == '') {
$('[id$=hdfSuggestionStatus]').val($(obj).attr('id'));
} else {
$('[id$=hdfSuggestionStatus]').val($('[id$=hdfSuggestionStatus]').val() + "|" + $(obj).attr('id'));
}
if ($(obj).attr('id') == "ContentPlaceHolder1_Booking_txtFrombook") {
$('[id$=FromAddress]').val(i.item.label);
}
if ($(obj).attr('id') == "ContentPlaceHolder1_Booking_txtTobook") {
$('[id$=ToAddress]').val(i.item.label)
}
if ($(obj).attr('id') == "ContentPlaceHolder1_Booking_txtAddressVai") {
$('[id$=ViaAddress]').val(i.item.label)
}
if ($('[id$=hdfSuggestionStatus]').val().indexOf($('.clsAddressFromMain').attr('id')) != -1 && $('[id$=hdfSuggestionStatus]').val().indexOf($('.clsAddressToMain').attr('id')) != -1) {
calculateRouteFromAtoB();
}
},
minLength: MinValue
});
}
function GoogleCall(requestedterm, typeId) {
$.ajax({
url: "Service/WebService.asmx/GoogleAddress",
data: "{ 'prefixText': '" + requestedterm + "','typeID': '" + typeId + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
GoogleData = data;
savings_data = data.d;
},
error: function(response) {
alert(response.responseText);
},
failure: function(response) {
alert(response.responseText);
}
});
}
function ShowHide(value, ObjectText, Objectddl) {
if (value == "0") {
$(Objectddl).addClass('none');
$(ObjectText).addClass('none');
return;
}
if (value == 2 || value == 4) {
$(Objectddl).addClass('none');
$(ObjectText).removeClass('none');
if (value == "4") {
$(ObjectText).watermark('Please type the Address i.e king burry');
} else {
$(ObjectText).watermark('Please type the postcode i.e HA2 0DU');
}
} else {
$(Objectddl).removeClass('none');
$(ObjectText).addClass('none');
}
}
function SetValue() {
boBookingInformation.VehicleType = $("[id$=hdfVehicleId]").val();
boBookingInformation.NoOfPassanger = $('[id$=hdfSelectedPassengers]').val();
boBookingInformation.NoOfLuggages = $('[id$=hdfSelectedLuggages]').val();
boBookingInformation.NoOfHandLuggages = $('[id$=hdfSelectedHandLuggages]').val();
boBookingInformation.LandingTimeHR = $("[id$=ddlpickuptimehr]").val();
boBookingInformation.LandingTimeMin = $("[id$=ddlpickuptimemin]").val();
boBookingInformation.ReturnPickUpTimeHR = $("[id$=ddlreturntimehr]").val();
boBookingInformation.ReturnPickUpTimeMIN = $("[id$=ddlreturntimemin]").val();
boBookingInformation.Oneway = !$('[id*=chkreturnjourney]').is(':checked');
boBookingInformation.Twoway = $('[id*=chkreturnjourney]').is(':checked');
boBookingInformation.pickUpLocationAddressID = $("#ContentPlaceHolder1_Booking_hdfFromID").val();
boBookingInformation.DropLocationAddressID = $("#ContentPlaceHolder1_Booking_hdfToID").val();
//boBookingInformation.pickUpLocationTypeID = 4;
//boBookingInformation.DropLocationTypeID = 4;
boBookingInformation.pickUpLocationAddressvalue = $(".clsAddressFromMain").val();
boBookingInformation.DropLocationAddressvalue = $(".clsAddressToMain").val();
boBookingInformation.Pickupdate = $('[id$=txtPickupDate]').val();
boBookingInformation.Returndate = $('[id$=txtReturnDatebook]').val().trim();
}
function GetFromToText(objTextFrom, objddlFrom, ddlvalue, IsVia) {
if ($(objTextFrom).is(':visible')) {
return $(objTextFrom).val();
}
if ($(objddlFrom).is(':visible')) {
if (IsVia == "1") {
return $(objddlFrom).find('.clsddlAddressToVia option:selected').html();
} else {
return $(objddlFrom + " option[value=" + ddlvalue + "]").text();
}
}
}
function GetFromTovalue(objtextvalue, objddlvalue) {
if ($(objtextvalue).is(':visible')) {
return $(objtextvalue).val();
}
if ($(objddlvalue).is(':visible')) {
return $(objddlvalue).html();
}
}
function GetMinValue(TypeID) {
var minValue = 2;
if (TypeID == 2) { // For PostCode
minValue = 2;
}
return minValue;
}
$(document).ajaxComplete(function() {
$(".clsAddressFromMain").removeClass('loading');
$(".clsAddressToMain").removeClass('loading');
$(".clsAddressToVia").removeClass('loading');
});
function ShowPopup() {
var id = '#loadingDiv';
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set heigth and width to mask to fill up the whole screen
$('#loadingDiv').css({
'width': maskWidth,
'height': maskHeight,
'modal': true
});
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', maskHeight / 2 - $(id).height() / 2);
$(id).css('left', maskWidth / 2 - $(id).width() / 2);
$(id).show();
}
function ClosePopup() {
// $("#loadingDiv").dialog("close");
$('#loadingDiv').hide();
$('.window').hide();
}
</script>
<div class="waveWrapper waveAnimation">
<div class="waveWrapperInner bgTop">
<div class="wave waveTop" style="background-image: url('http://front-end-noobs.com/jecko/img/wave-top.png')"></div>
</div>
<div class="waveWrapperInner bgMiddle">
<div class="wave waveMiddle" style="background-image: url('http://front-end-noobs.com/jecko/img/wave-mid.png')"></div>
</div>
<div class="waveWrapperInner bgBottom">
<div class="wave waveBottom" style="background-image: url('http://front-end-noobs.com/jecko/img/wave-bot.png')"></div>
</div>
</div>
</div>
</div>
</section>
<!--//booking engine-->
<!--/apps-->
<section class="apps spy-5">
<div class="container py-md-4">
<div class="row">
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<div class="main-app">
<h2>Download Our Mobile App</h2>
<p> Download Our Free App today and book a ride to your destination with just a few taps.<br>
</p>
<ul class="lists">
<li>Easy to use</li>
<li>24/7 Service</li>
<li>Live driver GPS tracking</li>
<li>Manage your journeys and future bookings</li>
<li>No Surcharge</li>
<li>Competitive Pricing</li>
</ul>
</div>
<div class="main-ap">
<ul>
<li class="apple-icon">
<a href="https://apps.apple.com/us/app/id1534435009" target="_blank">
<i class="flaticon-apple"></i>
<div class="main-text">
<h2>Get It Now</h2>
</div>
</a>
</li>
<li class="andriod-icon">
<a href="https://play.google.com/store/apps/details?id=com.eurosofttech.yellow_cars_of_nottingham" target="_blank">
<i class="flaticon-playstore"></i>
<div class="main-text">
<h2>Get It Now</h2>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
<div class="main_image">
<img src="images/app_img4.png" class="img-responsive">
</div>
</div>
</div>
</div>
</section>
<!--//apps-->
<!--/about us-->
<!--//about us-->
<!--/our visions-->
<!--//our visions-->
<!--/our mission-->
<!--//our mission-->
<!-- footer -->
<div class="footercvr" style="display:none">
<div class="container bottom-footer">
<div class="row">
<div class="footer">
<div class="col-md-4 col-sm-6 col-md-3-set">
<h4>Taxi Services<span class="head-line"></span></h4>
<a href="taxis.aspx" class="f">Taxis in Nottingham</a>
<a href="24hrtaxis.aspx" class="f">24 hour taxis</a>
<a href="airporttransfers.aspx" class="f">Airport Transfers</a>
<a href="ecotaxis.aspx" class="f">Eco friendly taxis</a>
<a href="executivetaxis.aspx" class="f">Executive Taxis</a>
<a href="contracttaxis.aspx" class="f">Commercial Services</a>
</div>
<div class="col-md-4 col-sm-6 col-md-3-set">
<h4>Useful Link<span class="head-line"></span></h4>
<a href="about.aspx" class="f">About us</a>
<a href="driveforus.aspx" class="f">Drive For Us</a>
<a href="fleet.aspx" class="f">Our Fleet</a>
<a href="creditfacilities.aspx" class="f">Credit Facilities</a>
<a href="contacts.aspx" class="f">Contact us</a>
<a href="tc.aspx" class="f">Terms & Conditions</a>
</div>
<div class="col-md-4 col-sm-6 col-md-3-set">
<p>
<span class="addresslist">
<span id="lbladdress">Yellow Cars, Colwick, Nottingham, NG4 2JR</span>
</span>
</p>
<p>
<label>Phone:</label><br>
<a href="tel:01159818181" id="lnkPhoneNumber1" class="f"><span id="lblPhoneNumber1">01159818181</span></a>
<br>
<a href="tel:01159820000" id="lnkPhoneNumber2" class="f"><span id="lblPhoneNumber2">01159820000</span></a>
<br>
<a href="tel:01949486666" id="lnkPhoneNumber3" class="f"><span id="lblPhoneNumber3">01949486666</span></a>
</p>
<p>
<label>Email:</label> <a href="mailto:Info@yellowcars.net" id="lnkEmail" class="f"><span id="lblEmail">Info@yellowcars.net</span></a>
<br>
<label>Website:</label> <a href="http://www.yellowcars.net" id="lnkwebsite" class="f" target="_blank"><span id="lblwebsiteurl">http://www.yellowcars.net</span></a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer2">
<div class="container">
<div class="row">
<p>© 2020 Yellow Cars. ALL RIGHTS RESERVED. POWERED BY: <a href="http://www.cabtreasure.co.uk/" target="_blank" class="a">CAB TREASURE</a></p>
</div>
</div>
</div>
<!-- //footer -->
<!-- Go To Top Link -->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("movetop").style.display = "block";
} else {
document.getElementById("movetop").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- //move top -->
<!-- javascript -->
<!-- libhtbox -->
<!-- particles -->
<script src="js/particles.min.js"></script>
<script src="js/script.js"></script>
<!-- //particles -->
<!-- owl carousel -->
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#our-vehicles").owlCarousel({
navigationText: true,
autoPlay: 3000,
items: 1,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [991, 1],
itemsTablet: [768, 1],
itemsMobile: [480, 1]
});
});
</script>
<!-- disable body scroll which navbar is in active -->
<script>
$(function() {
$('.navbar-toggler').click(function() {
$('body').toggleClass('noscroll');
})
});
</script>
<!-- disable body scroll which navbar is in active -->
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
</form>Text Content
* Home (current) * Contact Us * Info@yellowcars.net 01159818181 Member Login 1 INSTANT QUOTE & ONLINE BOOKING Pick Up Location Via location Type Address Drop Off Location Pickup Date Pickup Time Hours 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 Minutes 00 05 10 15 20 25 30 35 40 45 50 55 Return Date Return Time Hours 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 Minutes 00 05 10 15 20 25 30 35 40 45 50 55 Vehicles ANY VEHICLE SALOON CAR ESTATE CAR Return Add Via Get a Quote PostCode Example: KT4 7QQ Invalid Address! Terms of use© 1987–2024 HERE 1 km Choose view Map view Satellite Traffic conditions Show traffic incidents x 4 x 2 x 2 Time Distance Fare: £ Book Now DOWNLOAD OUR MOBILE APP Download Our Free App today and book a ride to your destination with just a few taps. * Easy to use * 24/7 Service * Live driver GPS tracking * Manage your journeys and future bookings * No Surcharge * Competitive Pricing * GET IT NOW * GET IT NOW TAXI SERVICES Taxis in Nottingham 24 hour taxis Airport Transfers Eco friendly taxis Executive Taxis Commercial Services USEFUL LINK About us Drive For Us Our Fleet Credit Facilities Contact us Terms & Conditions Yellow Cars, Colwick, Nottingham, NG4 2JR Phone: 01159818181 01159820000 01949486666 Email: Info@yellowcars.net Website: http://www.yellowcars.net © 2020 Yellow Cars. ALL RIGHTS RESERVED. POWERED BY: CAB TREASURE