PK
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Website Title & Description for Search Engine purposes -->
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="page-locale-name" content="">
<meta property="og:image" content="" type="image/jpeg">
<meta name="Segment" content="Personal">
<meta name="PageType" content="">
<title>Offerszoo</title>
<!-- custom CSS -->
<link type="text/css" href="includes/css/styles.css" rel="stylesheet">
<link type="text/css" href="includes/css/bootstrap-glyphicons.css" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="icon" href="img/icon.ico">
<link type="text/css" href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!--sliders -->
<link type="text/css" href="includes/css/style.css" rel="stylesheet">
<link type="text/css" href="includes/css/slider2.css" rel="stylesheet">
<link type="text/css" href="includes/css/slider3.css" rel="stylesheet">
<!--google map js -->
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<!--scrollbar -->
<link rel="stylesheet" href="includes/css/scrol.css" type="text/css" />
<script src="includes/js/scrol.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style type="text/css">
#boxscroll4 {
height: 100px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll5 {
height: 100px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll6 {
height: 100px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll7 {
height: 100px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll8 {
height: 100px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll9 {
height: 80px;
width:720px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
</style>
<script src="includes/js/jquery.nicescroll.js"></script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll4").niceScroll("#boxscroll4 .wrapper"); // hw acceleration enabled when using wrapper
});
</script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll5").niceScroll("#boxscroll5 .wrapper"); // hw acceleration enabled when using wrapper
});
</script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll6").niceScroll("#boxscroll6 .wrapper"); // hw acceleration enabled when using wrapper
});
</script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll7").niceScroll("#boxscroll7 .wrapper"); // hw acceleration enabled when using wrapper
});
</script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll8").niceScroll("#boxscroll8 .wrapper"); // hw acceleration enabled when using wrapper
});
</script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll9").niceScroll("#boxscroll9 .wrapper"); // hw acceleration enabled when using wrapper
});
</script>
<meta name="viewport" content="user-scalable=no" />
<!--End custom scrollbar-->
</head>
<body>
<div class="container-fluid"><!--container-fluid close -->
<!--facebook icon top part -->
<div class="col-md-12 col-sm-12 facmain">
<div class="con">
<div class="locmain">
<span class="location"><img src="img/locationicon.png"> Location</span>
<!----------------------------- -->
<div class="upper_footer">
<div class="span4">
<ul>
<li>
<ul>
<li class="lnd"><a href="https://www.linkedin.com/in/dukefashions" target="_blank">linkedin</a></li>
<li class="fbb"><a href="http://www.facebook.com/dukefashions" target="_blank">facebook</a></li>
<li class="gl-plus"><a href="https://plus.google.com/110449393137653501171/posts" target="_blank">google+</a></li>
<li class="twtt"><a href="http://www.twitter.com/dukefashions" target="_blank">twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--------------------------------------- -->
</div>
<div style="clear:both"></div>
</div>
</div>
<!--facebook icon top part close -->
<div style="clear:both"></div>
<div class="col-sm-12 logbg">
<div class="con">
<div class="log col-xs-2"><img class="img-responsive" src="img/offerzoologo.jpg"></div>
<div class="logmain">
<a href="#"><span class="loginsty">LOGIN</span></a>
<div class="hrt" ><a href="#"><img src="img/loginlike.jpg"></a></div>
</div>
<div style="clear:both"></div>
<!--nav small screen -->
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top non">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"> <div class="col-xs-8 imgsr"><img class="img-responsive" src="img/offerzoologo.jpg"></div></a>
</div>
<div id="navbar" class="navbar-collapse collapse filt">
<ul class="nav navbar-nav">
<li><a href="#about"><span class="glyphicon glyphicon-user"> </span>Sign in/ Sign up</a></li>
<li><a href="#about"><span class="glyphicon glyphicon-user"> </span>Profile Management</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!--nav small screen -->
</div><!--con close -->
</div>
<div style="clear:both"></div>
<!------------------------------------------ -->
<div style="clear:both"></div>
<div class="col-md-12 col-sm-12 search">
<div class="con">
<div class="col-md-12 col-sm-12">
<div class="col-md-3 col-sm-3 col-xs-10 offerss">
<div class="panel-body">
<div class="btn-group btn-input clearfix">
<button type="button" class="btn btn-default dropdown-toggle form-control" data-toggle="dropdown">
<span data-bind="label">Offers on</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><span class="glyphicon glyphicon-apple"> </span>Food-N-Beaverage</a></li>
<li><a href="#"><span class="glyphicon glyphicon-headphones"> </span>Entertainment</a></li>
<li><a href="#"><span class="glyphicon glyphicon-plane"> </span>Travel</a></li>
<li><a href="#"><span class="glyphicon glyphicon-bed"> </span> Hotels</a></li>
<li><a href="#"><span class="glyphicon glyphicon-shopping-cart"> </span>Shopping</a></li>
<li><a href="#"><span class="glyphicon glyphicon-heart-empty"> </span>Health-N-Wellness</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-xs-10 col-sm-5 srchh">
<input type="text" class="form-control" id="exampleInputName2" placeholder="Search for Offers">
</div>
<div class="col-md-2 col-xs-3 col-sm-2">
<div class="srchbut"><a href="#"><img src="img/searchicon.png"></a></div>
<div class="srchbut2"><span>SEARCH</span></a></div>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1" aria-expanded="false" aria-controls="navbar">
<span style="color:#fff; padding:5px; border-radius:2px; background-color:#FD264F;"><strong>All Location</strong></span>
</button>
</div>
<!-------------------------------------------- -->
<div class="col-md-12 col-sm-12 col-xs-12 tabsty2">
<div class="col-md-12 col-sm-12 resultfound">
<div class="col-md-3 col-sm-5 col-xs-12 txtpizza">Home> Food> Pizza Hut</div>
<div class="col-md-9 col-sm-7 "> </div>
</div>
<div class="con">
<!--price selection -->
<div class="col-md-3 col-sm-12" style=" background-color:#FFFFFF; padding-left:20px; padding-right:10px;"><!-- main div -->
<!-----------accodial ---------------------------->
<div>
<div id="navbar1" class="navbar-collapse collapse">
<div>
<div class="pizzsrc"><img src="img/pizzahuticon.png"></div>
<div class="pizzsrc2">Pizza Hut<span><img style="margin-left:100px;" src="img/pizliks.png"></span></div>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><span class="dirss"><img style="margin-right:4px;" src="img/directionicn.png">2.3 Kms</span></a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<div class="col-md-12 col-xs-12">
<!--scroll code paste hear -->
<!--demo -->
<div id="boxscroll4">
<div class="wrapper">
<!----------------check box-------------------- -->
<p class="addrs">Lotus chks,Shop No 03,<br>
Plot 16, Near D MArt,<br>
Kopar Khairne,<br>
Navi Mumbai.</p>
<!-----------------check box-------------------------- -->
</div>
</div>
<!--demo--- -->
<!--scroll code paste hear -->
</div>
</div>
</div>
</div>
<!------2nd-- -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
<span class="dirss"><img style="margin-right:4px;" src="img/directionicn.png">3.3 Kms</span></a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<!--demo -->
<div id="boxscroll8">
<div class="wrapper">
<!----------------check box-------------------- -->
<p class="addrs">Lotus chks,Shop No 03,<br>
Plot 16, Near D MArt,<br>
Kopar Khairne,<br>
Navi Mumbai.<br></p>
<!-----------------check box-------------------------- -->
</div>
</div>
<!--demo--- -->
</div>
</div>
<!--------------------------3rd -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
<span class="dirss"><img style="margin-right:4px;" src="img/directionicn.png">4.3 Kms</span></a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
<!--scroll code paste hear -->
<div id="boxscroll5">
<div class="wrapper">
<p class="addrs"> Lotus chks,Shop No 03,<br>
Plot 16, Near D MArt,<br>
Kopar Khairne,<br>
Navi Mumbai.</p>
</div>
</div>
<!--scroll code paste hear -->
</div>
</div>
</div>
<!----4th -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
<span class="dirss"><img style="margin-right:4px;" src="img/directionicn.png">5.3 Kms</span></a>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">
<!--scroll code paste hear -->
<div id="boxscroll6">
<div class="wrapper">
<p class="addrs"> Lotus chks,Shop No 03,<br>
Plot 16, Near D MArt,<br>
Kopar Khairne,<br>
Navi Mumbai.</p>
</div>
</div>
<!--scroll code paste hear -->
</div>
</div>
</div>
<!----5th -->
<div class="panel panel-default">
<div class="panel-heading">
<span class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse5">
<span class="dirss"><img style="margin-right:4px;" src="img/directionicn.png">6.3 Kms</span></a>
</span>
</div>
<div id="collapse5" class="panel-collapse collapse">
<div class="panel-body">
<!--scroll code paste hear -->
<div id="boxscroll7">
<div class="wrapper">
<p class="addrs"> Lotus chks,Shop No 03,<br>
Plot 16, Near D MArt,<br>
Kopar Khairne,<br>
Navi Mumbai.</p>
</div>
</div>
<!--scroll code paste hear -->
</div>
</div>
</div>
</div>
</div>
<!------------------------accodial---------------- -->
</div>
</div> <!-- main div close -->
<!--price selection -->
<div class="col-md-9 col-sm-12">
<div class="uptosty">UPTO 60% OFF</div>
<div class="col-md-12">
<div id="map" style="width: 100%; height: 400px;"></div>
</div>
<div style="clear:both"></div>
<div class="valss">
<div id="boxscroll9">
<div class="wrapper">
<div class="vldsty"><span class="valtxt">Valid on</span></div>
<img class="validcrd vldsty2" src="img/icicibankcard1.png">
<img class="validcrd vldsty2" src="img/icicibankcard2.png">
<img class="validcrd vldsty2" src="img/icicibankcard1.png">
<img class="validcrd vldsty2" src="img/icicibankcard2.png">
<img class="validcrd vldsty2" src="img/icicibankcard1.png">
<img class="validcrd vldsty2" src="img/icicibankcard2.png">
</div></div>
</div>
<div style="clear:both"></div>
<div class="extline"> </div>
<div class="col-md-12 col-xs-12 billsts">
<p style="margin-left:15px;">
<span class="billoff">15% off on Bill of RS.1000 & Above</span><span class="timesty">Ends:18th Aug 15</span><br><br>
GEt 15% off on bill of Rs.1000 and above.<br>
<span class="takawy"><img src="img/takeaway.png"> Dine in</span>
<span class="takawy"> <img src="img/takeaway.png"> Delivery</span>
<span class="takawy"><img src="img/takeaway.png"> Takeaway</span></p>
<div class="evryshare">
Share
<span class="srs">
<a href="#"><span class="smsicn"><img src="img/smsimg.png"></span></a>
<a href="#"> <span><img src="img/msgimg.png"></span></a>
</span> Everyday:am to 11 pm.
</div>
</div>
<div class="simoffer">Similar offers</div>
<div class="col-md-12" style="margin-left:30px;">
<div class=" col-lg-3 col-md-4 col-sm-4 col-xs-6 mrgsrt">
<div class="topoffer2">
<div class="pizimg"><img src="img/pizzahuticon.png"></div>
<div class="upto">UPTO 60% OFF</div>
<div class="pizahut">Pizza Hut</div>
<div class="inorbit"><span><img src="img/locationicon.png"></span>
Inorbit, Vashi, more</div>
<div class="card1"><img src="img/icicibankcard1.png">
<img src="img/icicibankcard2.png"></div>
<div class="moreinfo"><IMG src="img/moreicon.png"><span class="moremrg"><a href="#">MORE INFO</a>
</span></div>
</div>
</div>
<!-------------------------2nd-------- -->
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 mrgsrt">
<div class="topoffer2">
<div class="pizimg"><img src="img/pizzahuticon.png"></div>
<div class="upto">UPTO 60% OFF</div>
<div class="pizahut">Pizza Hut</div>
<div class="inorbit"><span><img src="img/locationicon.png"></span>
Inorbit, Vashi, more</div>
<div class="card1"><img src="img/icicibankcard1.png">
<img src="img/icicibankcard2.png"></div>
<div class="moreinfo"><IMG src="img/moreicon.png"><span class="moremrg"><a href="#">MORE INFO</a>
</span></div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 mrgsrt">
<div class="topoffer2">
<div class="pizimg"><img src="img/pizzahuticon.png"></div>
<div class="upto">UPTO 60% OFF</div>
<div class="pizahut">Pizza Hut</div>
<div class="inorbit"><span><img src="img/locationicon.png"></span>
Inorbit, Vashi, more</div>
<div class="card1"><img src="img/icicibankcard1.png">
<img src="img/icicibankcard2.png"></div>
<div class="moreinfo"><IMG src="img/moreicon.png"><span class="moremrg"><a href="#">MORE INFO
</a></span></div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 mrgsrt">
<div class="topoffer2">
<div class="pizimg"><img src="img/pizzahuticon.png"></div>
<div class="upto">UPTO 60% OFF</div>
<div class="pizahut">Pizza Hut</div>
<div class="inorbit"><span><img src="img/locationicon.png"></span>
Inorbit, Vashi, more</div>
<div class="card1"><img src="img/icicibankcard1.png">
<img src="img/icicibankcard2.png"></div>
<div class="moreinfo"><IMG src="img/moreicon.png"><span class="moremrg"><a href="#">MORE INFO</a>
</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both"></div>
<!---------------popular card slider------------- -->
<div class="con">
<div class="col-md-12 popsty">
<span style="color:#484848; font-size:18px;">Popular Outlets</span>
<span class="vweall"><a href="#">View All</a></span>
</div>
<ul id="flexiselDemo2">
<li class="poscard">
<div class="cardsmain">
<div class="popucard">
<img src="img/creditcard1.png">
<div class="offers">
<span class="offersty">32 OFFERS </span>
<span class="apply"><a href="#">APPLY</a></span>
</div>
</div>
</div></li>
<li class="poscard">
<div class="cardsmain">
<div class="popucard">
<img src="img/creditcard2.png">
<div class="offers">
<span class="offersty">32 OFFERS </span>
<span class="apply"> <a href="#">APPLY</a></span>
</div>
</div>
</div></li>
<li class="poscard">
<div class="cardsmain">
<div class="popucard">
<img src="img/creditcard3.png">
<div class="offers">
<span class="offersty">32 OFFERS </span>
<span class="apply"><a href="#"> APPLY</a></span>
</div>
</div>
</div></li>
<li class="poscard">
<div class="cardsmain">
<div class="popucard">
<img src="img/creditcard1.png">
<div class="offers">
<span class="offersty">32 OFFERS </span>
<span class="apply"><a href="#"> APPLY</a></span>
</div>
</div>
</div></li>
<li class="poscard">
<div class="cardsmain">
<div class="popucard">
<img src="img/creditcard2.png">
<div class="offers">
<span class="offersty">32 OFFERS </span>
<span class="apply"><a href="#"> APPLY</a></span>
</div>
</div>
</div></li>
</ul>
<!-----------------------------end popular card slider code-------------------------------------------------------- -->
<div style="clear:both"></div>
<div class="col-md-12 popsty">
<span style="color:#484848; font-size:18px;">Popular Outlets</span>
<span class="vweall"><a href="#">View All</a></span>
</div>
<ul id="flexiselDemo3" style="margin-top:20px;">
<li class="outleststy"><div class="popoutlets"><img src="img/pizzahut.png"></div></li>
<li class="outleststy"><div class="popoutlets" style="padding-top:30px;"><img src="img/subway.png"></div></li>
<li class="outleststy"><div class="popoutlets"style="padding-top:30px;"><img src="img/kfc.png"></div></li>
<li class="outleststy"><div class="popoutlets"><img src="img/dominopizza.png"></div></li>
<li class="outleststy"><div class="popoutlets" style="padding-top:30px;"><img src="img/papajohns.png"></div></li>
<li class="outleststy"><div class="popoutlets"><img src="img/baristacoffie.png"></div></li>
</ul>
<div style="clear:both"></div>
</div>
<!--------------------enjoy exclusile food----- -->
<div class="col-md-12 enjoyfood">
<div class="con enjy">
<img class="img-responsive" src="img/enjoyexclusivefood.jpg">
</div>
</div>
<!-------------------security---------------- -->
<div style="clear:both"></div>
<div class="con verfymain">
<div class="col-md-6 col-sm-6 col-xs-12 verfy">
<div class="col-md-4 col-sm-3 verfyy">
<!-- <img class="img-responsive" src="img/verifiedoffer.png"> -->
<div class="footersec">
<img style="margin-top:30px;" src="img/roc.png">
</div>
</div>
<div class="col-md-8 col-sm-9 verfyfont">100% Verified Offers</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-3 verfyy">
<!-- <img class="img-responsive" src="img/neverasked.png"> -->
<div class="footersec">
<img style="margin-top:35px;" src="img/sec.png">
</div>
</div>
<div class="col-md-8 col-sm-9 verfyfont">We Never ask for your card number</div>
</div>
<div style="clear:both"></div>
</div>
<!------------------------footer-------------------------- -->
<div class="col-md-12 sidelnk">
<div class="con">
<div class="col-md-9 col-sm-8">
<div class="col-md-6 col-sm-6">
<ul class="footer">
<li style="font-size:18px; padding-bottom:20px; color:#FFFFFF">Site Links</li>
<li class="footer"><a href="#"><img src="img/arrow.jpg"> About Us<br></a>
...................................................................</li>
<li><a href="#"><img src="img/arrow.jpg"> Contact Us<br></a>
...................................................................</li>
<li><a href="#"><img src="img/arrow.jpg"> Privay Policy<br></a>
...................................................................</li>
<li><a href="#"><img src="img/arrow.jpg"> Terms of Use<br></a>
...................................................................</li>
</ul>
</div>
<div class="col-md-4 col-sm-6">
<ul>
<li style="font-size:18px; padding-bottom:20px; color:#FFFFFF">Follow US On..</li>
<li><a href="#"><img src="img/facebook1.jpg"> FAcebook<br></a>
...................................................................</li>
<li><a href="#"><img src="img/twitter.jpg"> Twitter<br></a>
...................................................................</li>
<li><a href="#"><img src="img/linkedin.jpg"> Linkedin<br></a>
...................................................................</li>
<li><a href="#"><img src="img/googleplus.jpg"> Google Plus<br></a>
...................................................................</li>
</ul>
</div>
</div>
<!------------------------------ -->
<div class="col-md-3 col-sm-4">
<div class="Subscribe">Subscribe Newsletter</div>
<div class="grtlatest"> To get latest updates and food deals<br>
every week</div>
<div class="col-sm-12 col-xs-8">
<input type="text" class="form-control" id="exampleInputName2" placeholder="E-mail-id">
</div>
<div style="clear:both"></div>
<div style="margin-top:20px;"><a href="#"><span class="sub">Submit</span></a></div>
</div>
<div style="clear:both"></div>
</div>
</div>
<!----------- all rights------- -->
<div class="col-md-12 allright">
<div class="con footr"><span>All right reserved 2015 /<a href="#">OffersZoo</a></span>
</div>
</div>
</div><!--container-fluid close -->
</body>
<!--google map code -->
<script type="text/javascript">
var locations = [
['Dmc road', 30.90904, 75.82008, 4],
['Rakh Bagh', 30.91419, 75.84043, 5],
['LAl chand bhatia school', 30.92695, 75.80152, 3],
['haibowal', 30.92073, 75.88099, 2],
['ludhiana', 30.90096, 75.85728, 1]
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: new google.maps.LatLng(30.90096, 75.85728),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
<!-- Bootstrap jss -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="includes/js/jquery.flexisel.js"></script>
<script type="text/javascript" src="includes/js/jquery.flexisel2.js"></script>
<script type="text/javascript" src="includes/js/jquery.flexisel3.js"></script>
<!--distance slider -->
<link rel="stylesheet" href="includes/css/jquery-ui.css">
<script src="includes/js/jquery-ui.js"></script>
<script>
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 10,
max: 100,
values: [ 10, 100 ],
slide: function( event, ui ) {
$( "#amount" ).val( ui.values[ 0 ] + "km" + " - " + ui.values[ 1 ] + "km");
}
});
$( "#amount" ).val( $( "#slider-range" ).slider( "values", 0 )+"km" +
" - " + $( "#slider-range" ).slider( "values", 1 ) +"km" );
});
</script>
<!--distance slider -->
<script type="text/javascript">
$(document).ready(function(){
$("#myTab a").click(function(e){
e.preventDefault();
$(this).tab('show');
});
});
</script>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo1").flexisel({
visibleItems: 5,
animationSpeed: 1000,
autoPlay: false,
autoPlaySpeed: 3000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
</script>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo2").flexisel2({
visibleItems: 5,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 7000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
</script>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo3").flexisel3({
visibleItems: 5,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 5000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
</script>
<script>
$( document.body ).on( 'click', '.dropdown-menu li', function( event ) {
var $target = $( event.currentTarget );
$target.closest( '.btn-group' )
.find( '[data-bind="label"]' ).text( $target.text() )
.end()
.children( '.dropdown-toggle' ).dropdown( 'toggle' );
return false;
});
</script>
<script>
$(window).bind('resize load',function(){
if( $(this).width() < 1024 )
{
$('.collapse').removeClass('in');
$('.collapse').addClass('out');
}
else
{
$('.collapse').removeClass('out');
$('.collapse').addClass('in');
}
});
</script>
</head>
</html>
PK 99