<!DOCTYPE html>
<html>
<head>
<title>Single</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Mooroodool Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='#css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Vollkorn:400,700' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></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>
<!---->
<link rel="stylesheet" href="css/etalage.css">
<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>
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<!---->
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" ></a>
</div>
<div class="header-right">
<ul class="account">
<li ><a href="account.html">MY ACCOUNT</a> </li> |
<li><a href="checkout.html" > CHECKOUT </a></li>|
<li><a href="account.html" >LOGIN </a></li>|
<li><a href="register.html"> REGISTER </a></li>
</ul>
<div class="header-bottom">
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="index.html">HOME</a> </li>
<li><a href="product.html" > PRODUCTS</a></li>
<li><a href="404.html" > BLOGS </a></li>
<li><a href="contact.html">CONTACT </a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<a href="#" class="cart">CART IDR 0.00 </a>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="content">
<div class="container">
<div class=" 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/st1.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/s1.jpg" class="img-responsive" title="" />
</a>
</li>
<li>
<img class="etalage_thumb_image" src="images/st2.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/s2.jpg" class="img-responsive" title="" />
</li>
<li>
<img class="etalage_thumb_image" src="images/st3.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/s3.jpg"class="img-responsive" />
</li>
<li>
<img class="etalage_thumb_image" src="images/st4.jpg" class="img-responsive" />
<img class="etalage_source_image" src="images/s4.jpg"class="img-responsive" />
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="desc1 span_3_of_2">
<div class="desc">
<h3>Lorem Ipsum is simply dummy text </h3>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
<h5>399$ <a href="#">click for offer</a></h5>
<div class="det_nav">
<h4>Related T-shirt:</h4>
<ul>
<li><a href="#"><img src="images/pi.jpg" class="img-responsive" alt=""/></a></li>
<li><a href="#"><img src="images/pi1.jpg" class="img-responsive" alt=""/></a></li>
<li><a href="#"><img src="images/pi2.jpg" class="img-responsive" alt=""/></a></li>
<li><a href="#"><img src="images/pi.jpg" class="img-responsive" alt=""/></a></li>
</ul>
</div>
<a href="#" class="get">BUY</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<!----- tabs-box ---->
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul class="resp-tabs-list">
<li class="resp-tab-item " aria-controls="tab_item-0" role="tab"><span>Product Description</span></li>
<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>Additional Information</span></li>
<li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>Reviews</span></li>
<div class="clearfix"></div>
</ul>
<div class="resp-tabs-container">
<h2 class="resp-accordion resp-tab-active" role="tab" aria-controls="tab_item-0"><span class="resp-arrow"></span>Product Description</h2><div class="tab-1 resp-tab-content resp-tab-content-active" aria-labelledby="tab_item-0" style="display:block">
<div class="facts">
<p > There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined </p>
<ul>
<li>Research</li>
<li>Design and Development</li>
<li>Porting and Optimization</li>
<li>System integration</li>
<li>Verification, Validation and Testing</li>
<li>Maintenance and Support</li>
</ul>
</div>
</div>
<h2 class="resp-accordion" role="tab" aria-controls="tab_item-1"><span class="resp-arrow"></span>Additional Information</h2><div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
<div class="facts">
<p > Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem
蓝色个性T恤服装商城网店整站模板下载_蓝色 个性 T恤 服装 网店 商城 整站 企业 黄色 漂亮 精品 服装商城 bo.rar
189 浏览量
2023-08-05
15:10:02
上传
评论
收藏 1.65MB RAR 举报
蓝色个性T恤服装商城网店整站模板下载_蓝色 个性 T恤 服装 网店 商城 整站 企业 黄色 漂亮 精品 服装商城 bo.rar （40个子文件） 
蓝色个性T恤服装商城网店整站模板下载_蓝色 个性 T恤 服装 网店 商城 整站 企业 黄色 漂亮 精品 服装商城 bootstrap 响应式 手机 cpts_119_cfz 
register.html 6KB account.html 6KB js 
jquery.wmuSlider.js 12KB easyResponsiveTabs.js 6KB easing.js 5KB move-top.js 1KB jquery.etalage.min.js 17KB jquery.min.js 94KB product.html 11KB css style.css 26KB bootstrap.css 118KB etalage.css 4KB 404.html 5KB index.html 10KB contact.html 7KB single.html 14KB images 
pi2.jpg 53KB st3.jpg 32KB
tick1.png 3KB st2.jpg 30KB s1.jpg 155KB s2.jpg 161KB menu.png 3KB pi1.jpg 48KB logo.png 10KB sh1.png 118KB pi5.jpg 41KB pi4.jpg 42KB pi3.jpg 48KB men.jpg 114KB head.jpg 204KB img-sprite.png 13KB up.png 4KB st4.jpg 31KB sh.png 150KB s3.jpg 167KB pi.jpg 45KB s4.jpg 155KB st1.jpg 31KB checkout.html 6KB资源评论
