<!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">
<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='#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>
</div>
<div class="comment">
<h2>LEAVE A COMMENT</h2>
<form method="post" action="#">
<input type="text" class="textbox" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
<input type="text"
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
黑色个性欧美时尚网站模板是一款适合模特人物简介网站模板下载.rar (49个子文件)
style.css 39KB
details.html 12KB
line1.png 3KB
singlepage.html 15KB
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
bootstrap.css 118KB
404.html 7KB
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
index.html 11KB
slid1.png 159KB
contact.html 9KB
comts.png 3KB
twter.png 3KB
tag.png 3KB
icon3.png 3KB
lik.png 3KB
line-2.png 3KB
jquery.min.js 92KB
products.html 10KB
imzs.png 6KB
bac.jpg 1.16MB
blog.html 13KB
slid3.png 209KB
single.jpg 212KB
blog1.jpg 149KB
img9.jpg 64KB
共 49 条
- 1
资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功