<!DOCTYPE HTML>
<html>
<head>
<title>Details</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<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>
</script>
</head>
<body>
<!-- container -->
<!-- header -->
<div class="header">
<div class="container">
<!-- logo -->
<div class="logo">
<a href="index.html"><img src="images/logo.png" title="baku" /></a>
</div>
<!-- logo -->
<!-- cart-info -->
<div class="cart-info">
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Stores</a></li>
<li class="cartinfo"><a href="#"><span> </span>My bag (0) items</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- /cart-info -->
</div>
<!-- header -->
</div>
<!-- sub-header -->
<div class="sub-header">
<div class="container">
<!-- top-nav -->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="404.html">About</a></li>
<li><a href="collections.html">What's new</a></li>
<li class="active"><a href="collections.html">Collections</a></li>
<li><a href="404.html">Baku Club</a></li>
<li><a href="404.html">Store Loation</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- top-nav -->
<!-- script-for-nav -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(300);
});
});
</script>
<!-- script-for-nav -->
<!-- search-form -->
<div class="search-form">
<form>
<input type="text" class="text" value="Keyword or product code" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Keyword or product code';}">
<input type="submit" value="" />
</form>
</div>
<div class="clearfix"> </div>
<!-- /search-form -->
</div>
</div>
<!-- /sub-header -->
<!-- content -->
<!-- details -->
<div class="details">
<div class="details-head">
</div>
<div class="details-cate">
<div class="container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Arizume</a></li>
<li><a href="#">Fern Clamper Bracelet</a></li>
</ul>
</div>
</div>
<!-- product-single-details -->
<div class="product-single-details">
<div class="container">
<div class="product-single-details-left">
<!----details-product-slider--->
<!-- Include the Etalage files -->
<link rel="stylesheet" href="css/etalage.css">
<script src="js/jquery.etalage.min.js"></script>
<!-- Include the Etalage files -->
<script>
jQuery(document).ready(function($){
$('#etalage').etalage({
thumb_image_width: 300,
thumb_image_height: 400,
source_image_width: 900,
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+'")');
}
});
// This is for the dropdown list example:
$('.dropdownlist').change(function(){
etalage_show( $(this).find('option:selected').attr('class') );
});
});
</script>
<!----//details-product-slider--->
<div class="details-left">
<div class="details-left-slider">
<ul id="etalage" class="etalage" style="display: block; width: 314px; height: 552px;">
<li class="etalage_thumb thumb_1" style="display: none; opacity: 0; background-image: none;">
<a href="optionallink.html">
<img class="etalage_thumb_image" src="images/product-slide/image1_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image1_large.jpg">
</a>
</li>
<li class="etalage_thumb thumb_2" style="display: none; opacity: 0; background-image: none;">
<img class="etalage_thumb_image" src="images/product-slide/image2_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image2_large.jpg">
</li>
<li class="etalage_thumb thumb_3 etalage_thumb_active" style="display: list-item; opacity: 1; background-image: none;">
<img class="etalage_thumb_image" src="images/product-slide/image3_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image3_large.jpg">
</li>
<li class="etalage_thumb thumb_4" style="display: none; opacity: 0; background-image: none;">
<img class="etalage_thumb_image" src="images/product-slide/image4_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image4_large.jpg">
</li>
<li class="etalage_thumb thumb_5" style="display: none; opacity: 0; background-image: none;">
<img class="etalage_thumb_image" src="images/product-slide/image5_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image5_large.jpg">
</li>
<li class="etalage_thumb thumb_6" style="display: none; opacity: 0; background-image: none;">
<img class="etalage_thumb_image" src="images/product-slide/image6_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image6_large.jpg">
</li>
<li class="etalage_thumb thumb_7" style="display: none; opacity: 0; background-image: none;">
<img class="etalage_thumb_image" src="images/product-slide/image1_thumb.jpg" style="display: inline; width: 300px; height: 400px; opacity: 1;">
<img class="etalage_source_image" src="images/product-slide/image1_large.jpg">
</li>
<li class="etalage_magnifier" style="margin: 0px; padding: 0px; left: 6px; top: 6px; display: none; opacity: 0.05449673905968666;"><div style="margin: 0px; padding: 0px; width: 195px; height: 215px;"><img src="http://192.168.2.7/chaitanya/spike_shoes/images/product-slide/image3_thumb.jpg" style="margin: 0px; padding: 0px; width: 300px; height: 400px; display: inline; left: 0px; top: 0px;"></div></li><li class="etalage_icon" style="display: list-item; top: 380px; left: 20px; opacity: 1;">��</li><li class="etalage_hint" style="display: none; margin: 0px; top: -15px; right: -15px;">��</li><li class="etalage_zoom_area" style="margin: 0px; opacity: 0; left: 324px; display: none; background-image: none;"><div class="etalage_description" style="width: 546px; bottom: 6px; left: 6px; opacity: 0.7; display: none;"></div><div style="width: 586px; height: 538px;"><img class="etalage_zoom_img" src="images/product-slide/image3_large.jpg" style="width: 900px; height: 1000px; left: -157.34166420232418px; top: 0px;"></div></li><li class="etalage_small_thumbs" style="width: 314px; top: 424px;"><ul style="width: 1072px;"><li class="etalage_smallthumb_navtoend" style="opacity: 0.4; margin: 0px 10px 0px 0px; left: -216px;"><img c