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">
<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">
</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> -->
<!--extra code -->
<div class=" col-md-4 col-md-6 col-xs-12 col-sm-6">
<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" style="background-color:#FD264F; border-color:#FD264F; color:#FFFFFF; width:163px;">
<span data-bind="label"> Location</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu hos" style="padding-left:38px;z-index:2000; background-color:#FD264F; border-color:#FD264F; color:#FFFFFF; " role="menu">
<li><a href="#">Maharashtra</a></li>
<li><a href="#">Uttar Pradesh</a></li>
<li><a href="#"> Gujarat</a></li>
<li><a href="#"> Jharkhand</a></li>
<li><a href="#"> Andhra Pradesh</a></li>
<li><a href="#"> Kerala</a>
</li>
</ul>
</div>
</div>
</div>
<!-- extra code -->
<!----------------------------- -->
<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" data-toggle="modal" data-target="#myModal">LOGIN</span></a>
<div class="hrt" ><a href="#"><img src="img/loginlike.jpg"></a></div>
</div>
<!--modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="col-md-8 col-sm-7 col-xs-8 logpiz" style="background-color:#FFFFFF;"><img class="img-responsive" src="img/loginpiza.jpg"></div>
<div class="modal-body col-md-4 col-sm-4 col-xs-4 bor-logs" style="background-color:#FFFFFF;">
<div> <button type="button" class="close extyy" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><img src="img/cross2.jpg"></span>
</button></div>
<form role="form" id="loginbox">
<div class="log-offer">Login to Offerszoo</div>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="User Id/ Email Id">
</div>
<div class="form-group">
<input type="password" class="form-control" id="pwd" placeholder="Password">
</div>
<div class="solicon">
<a href="#"><img src="img/loginpop.jpg"></a>
<a href="#" onClick="$('#loginbox').hide(); $('#signupbox').show()"><img src="img/signup-pop.jpg"></a>
</div>
<div class="checkbox">
<label><input type="checkbox"> <span style="color:#5D5E62; font-size: 12px;">Remember me on this computer</span></label>
</div>
<div style="margin-bottom:15px;"><a href="#"><img src="img/singhup.jpg"></a></div>
<div><a href="#"><img src="img/singhupgoogle.jpg"></a></div>
</form>
<div id="signupbox" style="display:none; margin-top:-4px" class="mainbox">
<div class="panel panel-info">
<div class="panel-heading">
<div class="panel-title"> <span style="color:#000000; font-size:18px;">Sign Up</span></div>
<div style="float:right; font-size: 85%; position: relative; top:-10px;"><a id="signinlink" href="#" onclick="$('#signupbox').hide(); $('#loginbox').show()">Sign In</a></div>
</div>
<div class="panel-body" >
<form id="loginForm" class="form-horizontal" role="form" style="padding-left:20px; padding-right:20px;">
<div class="form-group form-group2">
<input type="email" class="form-control" id="email" placeholder="Email Address" required>
</div>
<div class="form-group form-group2">
<input type="text" class="form-control" name="firstname" placeholder="First Name" required>
</div>
<div class="form-group form-group2">
<input type="text" class="form-control" name="lastname" placeholder="Last Name" required>
</div>
<div class="form-group form-group2">
<input type="password" class="form-control" name="passwd" placeholder="Password" required>
</div>
<div class="form-group form-group2">
<input type="text" class="form-control" name="icode" placeholder="Confirm Password" required>
</div>
<!-- Button -->
<!-- <button type="submit" class=""><a class="btn btn-default" href="#"><img src="img/signup-pop.jpg"></a></button> -->
<a href="#"><img src="img/signup-pop.jpg"></a>
</form>
</div>
</div>
</div>
</div>
</div>
</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">
<ul class="nav navbar-nav bgy">
<li><a href="#"><span class="glyphicon glyphicon-map-marker"> </span>Location</a></li>
<li><a href="#about"><span class="glyphicon glyphicon-user"> </span>Sign in/ Sign up</a></li>
<ul class="nav navbar-nav menumardisp bgy">
<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>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!--nav small screen -->
</div><!--con close -->
</div>
<div style="clear:both"></div>
<div class="col-sm-12 banerbg"><div class="con2">
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active carosel">
<div class="container ">
<div class="carousel-caption">
<div class="col-md-6 col-sm-6 col-xs-8">
<span class="fetured"> Featured</span> <span class="offer">Offers</span>
<p>Ferrero Rocher Heart Box<br>
12g<br>
RRP $3</p>
<p><a href="#"><img class="img-responsive" src="img/viewofferbut.png"></a></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-4 sml">
<img class="img-responsive" src="img/banerimg.png">
</div>
</div>
</div>
</div>
<div class="item carosel">
<div class="container">
<div class="carousel-caption">
<div class="col-md-6 col-xs-8 col-sm-6">
<span class="fetured"> Featured</span> <span class="offer">Offers</span>
<p>Ferrero Rocher Heart Box<br>
12g<br>
RRP $3</p>
<p><a href="#"><img class="img-responsive" src="img/viewofferbut.png"></a></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-4 sml">
<img class="img-responsive" src="img/banerimg.png">
</div>
</div>
</div>
</div>
<div class="item carosel">
<div class="container">
<div class="carousel-caption">
<div class="col-md-6 col-xs-8 col-sm-6">
<span class="fetured"> Featured</span> <span class="offer">Offers</span>
<p>Ferrero Rocher Heart Box<br>
12g<br>
RRP $3</p>
<p><a href="#"><img class="img-responsive" src="img/viewofferbut.png"></a></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-4 sml">
<img class="img-responsive" src="img/banerimg.png">
</div>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- /.carousel -->
</div></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="#">Credit Cards</a></li>
<li><a href="#">Debit Cards</a></li>
<li><a href="#">Loyalty Cards</a></li>
<li><a href="#">Online Cards</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-xs-10 col-sm-5 srchh">
<!--new code -->
<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">Search for Offers</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>
<!--
<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 style="clear:both"></div>
<!-------------------------------------------- -->
<div class="col-md-12 tabsty">
<div class="con">
<!------ tabs code paste hear ------ -->
<!-- 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 lastys">
<li class="active"><a href="#TopOffers">Top Offers</a></li>
<li><a href="#TopOffers">Latest Offers</a></li>
<li><a href="#TopOffers">Best Online Offers</a>
<li><a href="#TopOffers">Electronics Offers</a>
<li><a href="#TopOffers">Fashion Offers</a>
<li><a href="#TopOffers">Travel Offers</a>
<li><a href="#TopOffers"> More</a>
</ul>
</div>
<!--small screen menu -->
<div class="bs-example">
<ul class="nav nav-tabs cds kol" id="myTab">
<li class="active"><a href="#TopOffers">Top Offers</a></li>
<li><a href="#TopOffers2">Latest Offers</a></li>
<li><a href="#TopOffers">Best Online Offers</a></li>
<li><a href="#TopOffers">Electronics Offers</a></li>
<li><a href="#TopOffers">Fashion Offers</a></li>
<li><a href="#TopOffers">Travel Offers</a></li>
</ul>
<!---------------more code------------------------------------------- -->
<div id="tabs" class="homepage-coupon-tabs more-list">
<div class="more-tab cd-modal-trigger" targetmodal="more-category">More</div>
</div>
<div style="display: none;" class=" more-category cd-modal mor-sty">
<div class="col-24 categories-list-wrap">
<h2 class="more-categpry-text">Categories</h2>
<ul class="more-category-list">
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/fashion">
Fashion</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/travel">
Travel</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/food-and-dining">
Food & Dining</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/mobiles-and-tablets">
Mobiles & Tablets</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/computers-laptops-and-gaming">
Computers, Laptops & Gaming</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/tv-audio-video-and-movies">
TV, Audio/Video & Movies</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/cameras-and-accessories">
Cameras & Accessories</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/appliances">
Appliances</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/home-furnishing-and-decor">
Home Furnishing & Decor</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/books-and-stationary">
Books & Stationery</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/entertainment">
Entertainment</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/kids-babies-and-toys">
Kids, Babies & Toys</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/beauty-and-health">
Beauty & Health</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/sports-and-fitness">
Sports & Fitness</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/gifts-and-jewellery">
Flowers, Gifts & Jewellery</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/automotive">
Automotive</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/miscellaneous">
Miscellaneous</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/web-hosting-and-domains">
Web Hosting & Domains</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/education-and-learning">
Education & Learning</a></li>
<li class="more-category-list-item"><a href="http://www.coupondunia.in/category/recharges">
Recharge</a></li>
</ul>
</div>
</div>
<link href="includes/css/app.css" rel="stylesheet" type="text/css">
<!-------------------------more code-------------------------------- -->
<div class="tab-content" style="margin-top:35px;">
<div id="TopOffers" class="tab-pane fade in active">
<!--product slider -->
<ul id="flexiselDemo1">
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!-------------------------2nd-------- -->
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!---------------------2nd--------------------- -->
<!-------------------------3nd-------- -->
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!---------------------3nd--------------------- -->
<!-------------------------4nd-------- -->
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!---------------------4nd--------------------- -->
</ul>
<!-- <div style="clear:both"></div> -->
</div>
<!------------------------------------------------------------ -->
<!--extra new code -->
<div id="TopOffers2" class="tab-pane fade in active">
<p>tab 2</p>
<ul id="flexiselDemo12">
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!-------------------------2nd-------- -->
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!---------------------2nd--------------------- -->
<!-------------------------3nd-------- -->
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!---------------------3nd--------------------- -->
<!-------------------------4nd-------- -->
<li class="maincon">
<div class="col-sm-3 abc">
<div class="topoffer">
<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 style="margin-top:30px;">
<div class="topoffer">
<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></li>
<!---------------------4nd--------------------- -->
</ul>
</div>
<!------extra new code----------------------------- -->
<div style="clear:both"></div>
</div>
<!--extra new code -->
<!------extra new code----------------------------- -->
</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="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<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>
<script type="text/javascript">
$(document).ready(function(){
$("#myTab a").click(function(e){
e.preventDefault();
$(this).tab('show');
});
});
</script>
<script type="text/javascript" src="includes/js/app.js"></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() {
$("#flexiselDemo12").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>
</html>
PK 99