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">
<!--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: 200px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll5 {
height: 200px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll6 {
height: 200px;
width:220px;
margin-top: 0px;
color: #006633;
overflow: auto;
}
#boxscroll7 {
height: 200px;
width:220px;
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>
<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>FILTER</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-4 col-sm-5 "> </div>
<div class="col-md-8 col-sm-7 "> 200+ results found for "<span style="color:#FC4266;">Pizza</span>"</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 class="refine">
<span class="reftxt"> REFINE </span>
<span class="clrflt"><img style="margin-right:4px;" src="img/filtericon.png">Clear All Filters</span>
</div>
<div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target=".my-collapse1"><span class="dis"> DISCOUNT %</span></a>
<div class="col-xs-1">
<a data-toggle="collapse" data-target=".my-collapse1">
<div style="margin-top:-0px;"><span class="glyphicon glyphicon glyphicon-plus collapse out my-collapse1"></span></div>
<div style="margin-top:-2px;"> <span class="glyphicon glyphicon-minus collapse in my-collapse1"></span></div>
</a>
</div>
<span class="cross"><img style="margin-right:4px;" src="img/cross.png"> Clear</span>
</h4>
</div>
<div class="panel-collapse collapse in my-collapse1">
<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-------------------- -->
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">0-10</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(118)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9 "><label><input type="checkbox" value="">
<span class="mar">10-20</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">20-30</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">30-40</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">40-50</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">50-60</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(98)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">60-70</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(40)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">70-80</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(90)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">80-90</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(38)</div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">90-100</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(28)</div>
<div style="clear:both"></div>
</div>
<!-----------------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 class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target=".my-collapse3">
<span class="dis"> DISTANCE</span></a>
<div class="col-xs-1">
<a data-toggle="collapse" data-target=".my-collapse3" class="mo">
<div style="margin-top:-0px;"> <span class="glyphicon glyphicon-minus collapse out my-collapse3 plus"></span></div>
<div style="margin-top:-2px;"> <span class="glyphicon glyphicon glyphicon-plus collapse in my-collapse3 minus"></span></div>
</a>
</div>
<span class="cross1"><img style="margin-right:4px;" src="img/cross.png"> Clear</span>
</h4>
</div>
<div class="panel-collapse collapse my-collapse3">
<div style="margin-top:20px;">
<div class="panel-body">
<div id="slider-range-min"></div>
<p><input type="text" id="amount" readonly class="prs"></p>
</div>
</div>
</div>
</div>
<script>
$(function() {
$( "#slider-range-min" ).slider({
range: "min",
value: 37,
min: 1,
max: 700,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}
});
$( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
});
</script>
<!--------------------------3rd -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" data-target=".my-collapse4">
<span class="dis"> TYPE</span></a>
<div class="col-xs-1">
<a data-toggle="collapse" data-target=".my-collapse4">
<div style="margin-top:-0px;"> <span class="glyphicon glyphicon-minus collapse out my-collapse4"></span></div>
<div style="margin-top:-2px;"> <span class="glyphicon glyphicon glyphicon-plus collapse in my-collapse4"></span></div>
</a>
</div>
<span class="cross2"><img style="margin-right:4px;" src="img/cross.png"> Clear</span>
</h4>
</div>
<div class="panel-collapse collapse my-collapse4">
<div class="panel-body">
<!--scroll code paste hear -->
<div id="boxscroll5">
<div class="wrapper">
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">All</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Debit Card offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Online offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Loyalty Card offers </span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Credit CArd offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Debit CArd offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Credit CArd offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Debit CArd offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Online offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Loyalty Card offers </span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Credit CArd offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Debit CArd offers</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
</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" data-target=".my-collapse5">
<span class="dis">CARDS</span></a>
<div class="col-xs-1">
<a data-toggle="collapse" data-target=".my-collapse5">
<div style="margin-top:-0px;"> <span class="glyphicon glyphicon-minus collapse out my-collapse5"></span></div>
<div style="margin-top:-2px;"> <span class="glyphicon glyphicon glyphicon-plus collapse in my-collapse5"></span></div>
</a>
</div>
<span class="cross3"><img style="margin-right:4px;" src="img/cross.png"> Clear</span>
</h4>
</div>
<div class="panel-collapse collapse my-collapse5">
<div class="panel-body">
<!--scroll code paste hear -->
<div id="boxscroll6">
<div class="wrapper">
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">ICICI Gold Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Citibank Indian oil Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">ICICI Platinum Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar"> HDFC Gold Card </span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Citi Bank Shoppers Stop</span></label></div>
<div class="col-sm-2 col-xs-3fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Citibank Indian oil Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">ICICI Platinum Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar"> HDFC Gold Card </span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Citibank Indian oil Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">ICICI Platinum Card</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
</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" data-target=".my-collapse6">
<span class="dis">BRANDS</span></a>
<div class="col-xs-1">
<a data-toggle="collapse" data-target=".my-collapse6">
<div style="margin-top:-0px;"> <span class="glyphicon glyphicon-minus collapse out my-collapse6"></span></div>
<div style="margin-top:-2px;"> <span class="glyphicon glyphicon glyphicon-plus collapse in my-collapse6"></span></div>
</a>
</div>
<span class="cross4"><img style="margin-right:4px;" src="img/cross.png"> Clear</span>
</span>
</div>
<div class="panel-collapse collapse my-collapse6">
<div class="panel-body">
<!--scroll code paste hear -->
<div id="boxscroll7">
<div class="wrapper">
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Pizza Hut</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">US Pizza</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Sbarro</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar"> Little Italy </span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Uncle's Pizza</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Pizza Hut</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(18)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">US Pizza</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(108)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar">Sbarro</span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(80)</div>
<div style="clear:both"></div>
</div>
<div class="dissty">
<div class="col-sm-10 col-xs-9"><label><input type="checkbox" value="">
<span class="mar"> Little Italy </span></label></div>
<div class="col-sm-2 col-xs-3 fnty">(78)</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<!--scroll code paste hear -->
</div>
</div>
</div>
<div class="mainapply"> <a href="#"><span class="applyfilter">APPLY FILTER</span></a></div>
</div>
</div>
<!------------------------accodial---------------- -->
</div>
</div> <!-- main div close -->
<!--price selection -->
<div class="col-md-9 col-sm-12">
<!-- small screen menu -->
<div class="dropdown abz">
<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Top Offers
<span class="caret"></span></button>
<ul class="dropdown-menu nav nav-tabs navss">
<li class="active"><a href="#TopOffers">Popularity</a></li>
<li><a href="#TopOffers">Most Viewed</a>
<li><a href="#TopOffers">Resently Listed</a>
<li><a href="#TopOffers">Close to Far</a>
</ul>
</div>
<!--small screen menu -->
<div class="bs-example">
<ul class="nav nav-tabs cds" id="myTab">
<li class="sorted">Sorted By:</li>
<li class="active"><a href="#TopOffers">Popularity</a></li>
<li><a href="#TopOffers">Most Viewed</a>
<li><a href="#TopOffers">Resently Listed</a>
<li><a href="#TopOffers">Close to Far</a>
</ul>
<div class="tab-content pzapad">
<div id="TopOffers" class="tab-pane fade in active">
<!--product slider -->
<div class="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-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-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-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-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-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-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-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-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>
</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>
<!-- 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>
<!--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>
<script>
$('.collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".glyphicon-plus").removeClass("glyphicon-plus").addClass("glyphicon-minus");
}).on('hidden.bs.collapse', function(){
$(this).parent().find(".glyphicon-minus").removeClass("glyphicon-minus").addClass("glyphicon-plus");
});
</script> -->
</head>
</html>
PK 99