<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<link rel="stylesheet" href="css/etalage.css">
<link href="css/form.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.easydropdown.js"></script>
<script src="js/jquery.etalage.min.js"></script>
<script>
jQuery(document).ready(function($){
$('#etalage').etalage({
thumb_image_width: 300,
thumb_image_height: 400,
source_image_width: 800,
source_image_height: 1000,
show_hint: true,
click_callback: function(image_anchor, instance_id){
alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
}
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
</head>
<body>
<!-- header -->
<div class="banner">
<div class="container">
<div class="header">
<div class="head-bann">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-part">
<ul>
<li><a href="#">Calendar |</a></li>
<li><a href="#">Blog |</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="index.html">Media</a></li>
<li><a href="events.html">Events</a></li>
<li class="active"><a href="shop.html">Shop</a></li>
<li><a href="contact.html">Give</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
<div class="banner-info1">
<h2>Single page. </h2>
</div>
</div>
</div>
<!-- header -->
<div class="dreamcrub">
<div class="container">
<ul class="breadcrumbs">
<li class="home">
<a href="index.html" title="Go to Home Page"><img src="images/home.png" alt=""/></a>
<span>></span>
</li>
<li>
Shop
</li>
<span>></span>
<li>Single</a></li>
</ul>
<ul class="previous">
<li><a href="index.html">Back to Previous Page</a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<div class="single">
<div class="container">
<!-- start content -->
<div class="row single">
<div class="col-md-9 sin">
<div class="single_left">
<div class="grid images_3_of_2">
<ul id="etalage">
<li>
<a href="optionallink.html">
<img class="etalage_thumb_image" src="images/m1.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/m1.jpg" class="img-responsive" title="" />
</a>
</li>
<li>
<img class="etalage_thumb_image" src="images/m2.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/m2.jpg" class="img-responsive" title="" />
</li>
<li>
<img class="etalage_thumb_image" src="images/m3.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/m3.jpg"class="img-responsive" />
</li>
<li>
<img class="etalage_thumb_image" src="images/m4.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/m4.jpg"class="img-responsive" />
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="desc1 span_3_of_2">
<h3>product name here</h3>
<p>$14.99 <a href="#">click for offer</a></p>
<div class="det_nav">
<h4>different products :</h4>
<ul>
<li><a href="single.html"><img src="images/d4.jpg" class="img-responsive" alt=""/></a></li>
<li><a href="single.html"><img src="images/d1.jpg" class="img-responsive" alt=""/></a></li>
<li><a href="single.html"><img src="images/pic-4.jpg" class="img-responsive" alt=""/></a></li>
<li><a href="single.html"><img src="images/pic-10.jpg" class="img-responsive" alt=""/></a></li>
</ul>
</div>
<div class="filter-by-color">
<h3>Filter by Color</h3>
<ul class="w_nav2">
<li><a class="color1" href="#"></a></li>
<li><a class="color2" href="#"></a></li>
<li><a class="color3" href="#"></a></li>
<li><a class="color4" href="#"></a></li>
<li><a class="color5" href="#"></a></li>
<li><a class="color10" href="#"></a></li>
<li><a class="color7" href="#"></a></li>
<li><a class="color8" href="#"></a></li>
<li><a class="color9" href="#"></a></li>
<li><a class="color10" href="#"></a></li>
<li><a class="color6" href="#"></a></li>
<li><a class="color13" href="#"></a></li>
<li><a class="color14" href="#"></a></li>
<li><a class="color15" href="#"></a></li>
<li><a class="color16" href="#"></a></li>
<li><a class="color17" href="#"></a></li>
<li><a class="color1" href="#"></a></li>
<li><a class="color3" href="#"></a></li>
<li><a class="color2" href="#"></a></li>
</ul>
</div>
<div class="btn_form">
<a href="single.html">buy now</a>
</div>
<a href="#"><span>login to save in wishlist </span></a>
</div>
<div class="clearfix"></div>
</div>
<div class="single-bottom1">
<h6>Details</h6>
<p class="prod-desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliqu