<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Darx a Fashion Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Darx 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>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="header-right">
<div class="header-top">
<ul>
<li>Call us: +386 40 123 456 789</li>
<li><a href="#"><i class="fb"> </i></a></li>
<li><a href="#"><i class="twt"> </i></a></li>
<li><a href="#"><i class="rs"> </i></a></li>
<li><a href="#"><i class="bg"> </i></a></li>
<li><a href="#"><i class="msg"> </i></a></li>
<li><a href="#"><i class="md"> </i></a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-15">
<li><a href="index.html" data-hover="HOME">HOME</a></li>
<li><a href="products.html" data-hover="PRODUCTS">PRODUCTS</a></li>
<li class="active"><a href="blog.html">BLOG</a></li>
<li><a href="404.html" data-hover="FEATURES">FEATURES</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</div>
</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>
<!-- header -->
<!-- content -->
<div class="content-top">
<div class="container">
<div class="single">
<div class="col-md-8 single-top">
<img src="images/single.jpg" class="img-responsive" alt="">
<div class="single-bottom">
<div class="sin-lef">
<h3>A LOOK OF FATAL ATTRACTION</h3>
</div>
<div class="sin-right">
<h5>14 APRIL</h5>
</div>
<div class="clearfix"> </div>
</div>
<p class="sin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinci arted.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliq usit e
adipiscing elit, sed diam nonummy nibh euismod tinci. Donec sed odio dui. Duis mollis, est non cons
commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Amet, consectetuer diam teri
adipiscing elit, sed diam nonummy nibh euismod tinci.</p>
<p class="sin">Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamca vitae
orper nulla non metus auctor fringilla. Donec id elit non mi porta gravi da at eget metus. Fusce fringila
dapibus, tellus ac cursus commodo, tortor mauris condime ntum nibh, ut fermentum massa jusa torto
to sit amet risus.Lorem ipsum dolor sit amet, con sectetur adipiscing elit. Etiam porta sem ad esited
malesuada magna mollis euismod. Aenean eu leo quam. Donec id elit non mi porta gravida at rasmod
eget metus. Donec id elit non mi porta gravi da at eget metus.</p>
<div class="succs">
<li><a href="#"><i class="tick"></i></a><span class="scss">THIS IS A SUCCESFULLY IMPLEMENTED BOX</span></li>
<div class="clearfix"></div>
</div>
<p class="sin">Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamco elitider
per nulla non metus auctor fringilla. Donec id elit non mi porta gravi da at eget metus. Fusce dap gravi
ibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit maur
amet risus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada dolor
magna mollis euismod. Aenean eu leo quam. Donec id elit non mi porta gravida at eget metus. nulla
Donec id elit non mi porta gravi da at eget metus. Fusce dapibus, tellus ac cursus commodo ad esiter
tortor mauris condimentum nibh. Donec id elit non mi porta gravi da at eget metus. Fusce dapori ed
ibus, tellus ac cursus commodo, tortor mauris condimentum nibh. Nulla vitae elit libero, a torto ediri
pharetra augue. Donec ullamco per nulla non metus auctor fringilla.</p>
<div class="sucss-top">
<ul>
<li><a href="#"><i class="fb"> </i></a></li>
<li><a href="#"><i class="twt"> </i></a></li>
<li><a href="#"><i class="rs"> </i></a></li>
<li><a href="#"><i class="bg"> </i></a></li>
<li><a href="#"><i class="msg"> </i></a></li>
<li><a href="#"><i class="md"> </i></a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="sucss-bottom">
<ul>
<li><a href="#"><i class="adm"> </i><span class="icon_text">ADMINSTRATOR</span></a></li>
<li><a href="#"><i class="inter"> </i><span class="icon_text">INTERVIEWS</span></a></li>
<li><a href="#"><i class="tag"> </i></a><span class="icon_text"><a href="#">PHOTOGRAPHY,</a> <a href="#">INTERVIEW,</a> <a href="#">TEST TAG,</a> <a href="#">ICON</a></span></li>
</ul>
</div>
<div class="respon">
<h2>2 RESPONSES SO FAR</h2>
<div class="strator">
<h5>ADMINISTRATOR</h5>
<p>feb 20th, 2015 at 9:41 pm</p>
<div class="strator-left">
<img src="images/img1.jpg" class="img-responsive" alt="">
</div>
<div class="strator-right">
<p class="sin">Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra aug
metus auctor fringilla. Donec id elit non mi porta da at eget me us, tellus ac
ortor mauris ntum nibh, ut fermentum massa risus. Sed posuere consectetur
Nulla vitae elit liber. Sed posuere consectetur est at lobortis.</p>
</div>
<div class="clearfix"></div>
<div class="rep">
<a href="#" class="reply">REPLY</a>
</div>
</div>
<div class="strator1">
<h5>JANE DOE</h5>
<p>feb 20th, 2015 at 9:41 pm</p>
<div class="strator-left">
<img src="images/img3.jpg" class="img-responsive" alt="">
</div>
<div class="strator-right">
<p class="sin">Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pti
metus auctor fringilla. Donec id elit non mi porta da at eget me us,
ortor mauris ntum nibh, ut fermentum massa risus. Sed posuere
Nulla vitae elit liber. Sed posuere consectetur.</p>
</div>
<div class="clearfix"></div>
<div class="rep">
<a href="#" class="reply">REPLY</a>
</div>
作品展示&图片展示HTML源码-黑色时尚模特响应式网页模板-适配移动端.zip
版权申诉
201 浏览量
2024-03-26
09:50:39
上传
评论
收藏 4.74MB ZIP 举报
作品展示&图片展示HTML源码-黑色时尚模特响应式网页模板-适配移动端.zip （49个子文件） 
作品展示&图片展示HTML源码-黑色时尚模特响应式网页模板-适配移动端 html 
details.html 12KB singlepage.html 16KB js 
jquery.min.js 92KB css style.css 39KB bootstrap.css 118KB 404.html 7KB index.html 11KB contact.html 9KB images 
line1.png 3KB
img6.jpg 47KB slid5.png 242KB arrow.png 3KB suc.png 5KB slid4.png 189KB menu.png 3KB logo.png 4KB back.jpg 1.27MB img2.jpg 80KB img5.jpg 91KB line.png 3KB img10.jpg 88KB blog3.jpg 189KB t1.png 3KB slid2.png 208KB img11.jpg 122KB img4.jpg 67KB img1.jpg 59KB
icons.svg 1KB blog2.jpg 145KB img7.jpg 79KB img-sprite.png 83KB img3.jpg 50KB sprit-1.png 3KB img8.jpg 103KB slid1.png 159KB comts.png 3KB twter.png 3KB tag.png 3KB icon3.png 3KB lik.png 3KB line-2.png 3KB imzs.png 6KB bac.jpg 1.16MB slid3.png 209KB single.jpg 212KB blog1.jpg 149KB img9.jpg 64KB products.html 10KB blog.html 13KB资源评论
