<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<!-- jQuery-->
<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="Kappe 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='http://fonts.useso.com/css?family=Roboto:400,300,100,500,700,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
</head>
<body>
<div class="header">
<div class="header-left header-left2">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="top-nav">
<ul >
<li ><a href="index.html" >HOME</a></li>
<li><a href="work.html" class="black" > WORK</a></li>
<li><a href="about.html" class="black1"> ABOUT</a></li>
<li class="active"><a href="blog.html" class="black2" > BLOG</a></li>
<li><a href="404.html" class="black3" > SERVICES</a></li>
<li><a href="contact.html" class="black4" > CONTACT</a></li>
</ul>
</div>
<ul class="social-in">
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="gmail"> </i></a></li>
<li><a href="#"><i class="twitter"> </i></a></li>
<li><a href="#"><i class="pin"> </i></a></li>
<li><a href="#"><i class="dribble"> </i></a></li>
<li><a href="#"><i class="behance"> </i></a></li>
</ul>
<p class="footer-class"> Template by <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
</div>
<!---->
<div class="header-top">
<div class="logo-in">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="top-nav-in">
<span class="menu"><img src="images/menu.png" alt=""> </span>
<ul >
<li class="active" ><a href="index.html" >HOME</a></li>
<li><a href="work.html" class="black" > WORK</a></li>
<li><a href="about.html" class="black1"> ABOUT</a></li>
<li><a href="blog.html" class="black2" > BLOG</a></li>
<li><a href="404.html" class="black3" > SERVICES</a></li>
<li><a href="contact.html" class="black4" > CONTACT</a></li>
</ul>
<script>
$("span.menu").click(function(){
$(".top-nav-in ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="clear"> </div>
</div>
<!---->
<div class="content">
<div class="blog">
<div class="blog-top">
<div class="col-d">
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider1").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: false,
nav:true,
});
});
</script>
<div class="slider1">
<div class="callbacks_container">
<ul class="rslides" id="slider1">
<li>
<img src="images/bl.jpg" alt="">
</li>
<li>
<img src="images/bl1.jpg" alt="">
</li>
<li>
<img src="images/bl2.jpg" alt="">
</li>
</ul>
</div>
</div>
<div class="blog-in">
<h5><a href="single.html">Gallery Post Example</a></h5>
<p>A man who works with his hands is a laborer; a man who works with his hand s and his brain </p>
<ul class="date">
<li><span><a href="#"><i ></i>12 Comments</a></span></li>
<li><span><i class="date-in"></i>09-07-2013</span></li>
</ul>
</div>
</div>
<div class="col-d">
<a href="single.html"><img src="images/bl2.jpg" />
<label> </label></a>
</div>
<div class="col-in">
<p>Another Post where you can put a link</p>
<a href="http://w3layouts.com/" target="_blank">W3layouts.com</a>
</div>
</div>
<div class="blog-top">
<div class="col-in">
<p>Another Post where you can put a link</p>
<a href="http://w3layouts.com/" target="_blank">W3layouts.com</a>
</div>
<div class="col-d">
<iframe src="https://player.vimeo.com/video/66087280?color=ffffff&title=0&byline=0&portrait=0" ></iframe>
<div class="blog-in">
<h5><a href="single.html">Gallery Post Example</a></h5>
<p>A man who works with his hands is a laborer; a man who works with his hand s and his brain </p>
<ul class="date">
<li><span><a href="#"><i ></i>12 Comments</a></span></li>
<li><span><i class="date-in"></i>09-07-2013</span></li>
</ul>
</div>
</div>
<div class="col-d">
<a href="single.html"><img src="images/bl.jpg" /></a>
<div class="blog-in">
<h5><a href="single.html">Gallery Post Example</a></h5>
<p>A man who works with his hands is a laborer; a man who works with his hand s and his brain</p>
<ul class="date">
<li><span><a href="#"><i ></i>12 Comments</a></span></li>
<li><span><i class="date-in"></i>09-07-2013</span></li>
</ul>
</div>
</div>
</div>
<div class="blog-top">
<div class="col-d">
<a href="single.html"><img src="images/bl2.jpg" />
<label> </label></a>
</div>
<div class="col-d">
<img src="images/bl1.jpg" />
<div class="blog-in">
<h5><a href="single.html">Gallery Post Example</a></h5>
<p>A man who works with his hands is a laborer; a man who works with his hand s and his brain </p>
<ul class="date">
<li><span><a href="#"><i ></i>12 Comments</a></span></li>
<li><span><i class="date-in"></i>09-07-2013</span></li>
</ul>
</div>
</div>
<div class="col-in-at">
<h5><a href="single.html">Aside Post Format</a></h5>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh</p>
</div>
</div>
<div class="blog-top">
<div class="col-on">
<p>Logic will get you from A to B. Imagination will.</p>
<img src="images/qu.png" />
<span>Albert Einstein</span>
</div>
<div class="col-d">
<a href="single.html"><img src="images/bl.jpg" /></a>
<div class="blog-in">
<h5><a href="single.html">Gallery Post Example</a></h5>
<p>A man who works with his hands is a laborer; a man who works with his hand s and his brain </p>
<ul class="date">
<li><span><a href="#"><i ></i>12 Comments</a></span></li>
<li><span><i class="date-in"></i>09-07-2013</span></li>
</ul>
</div>
</div>
<div class="col-d">
<iframe src="https://player.vimeo.com/video/12879013?portrait=0" ></iframe>
<div class="blog-in">
<h5><a href="single.html">Gallery Post Example</a></h5>
<p>A man who works with his hands is a laborer; a man who works with his hand s and his brain </p>
<ul class="date">
<li><span><a href="#"><i ></i>12 Comments</a></span></li>
<li><span><i class="date-in"></i>09-07-2013</span></li>
</ul>
</div>
</div>
</div>
<div class="blog-top">
<div class="col-d">
<script>
$(function () {
$("#slider2").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: false,
nav:true,
});
});
</script>
<div class="slider2">
<div c
215_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （50个子文件） 
215 
work.html 7KB js 
responsiveslides.min.js 3KB jquery.min.js 94KB css style.css 36KB 404.html 3KB index.html 9KB contact.html 5KB about.html 8KB single.html 9KB images 
pi2.jpg 15KB w2.jpg 51KB bl2.jpg 6KB
ic.png 5KB co.jpg 3KB menu.png 147B pi1.jpg 5KB logo.png 6KB w4.jpg 59KB wo.jpg 6KB qu.png 590B p4.jpg 7KB line.png 3KB p6.jpg 9KB co4.jpg 3KB pi9.jpg 33KB pi5.jpg 10KB pi8.jpg 30KB pi4.jpg 12KB co1.jpg 3KB pi7.jpg 10KB co3.jpg 2KB w3.jpg 32KB pi3.jpg 7KB co2.jpg 2KB img-sprite.png 14KB ar.png 4KB p2.jpg 8KB p3.jpg 9KB ab.jpg 39KB p5.jpg 7KB pi.jpg 40KB wo2.jpg 4KB li.png 3KB wo1.jpg 8KB w1.jpg 64KB bl1.jpg 8KB bl.jpg 7KB p1.jpg 37KB pi6.jpg 6KB blog.html 9KB资源评论
wsnbb_2023
- 粉丝: 15
- 资源: 6003
最新资源
- 基于HTML/JS/CSS实现的计算机辅助创新系统
- day8 Excel教程-利用数据验证规范单元格输入（样表）
- 20N40-VB一款N-Channel沟道TO247的MOSFET晶体管参数介绍与应用说明
- 20N40H-VB TO220F一款N-Channel沟道TO220F的MOSFET晶体管参数介绍与应用说明
- 20N40H-VB TO220一款N-Channel沟道TO220的MOSFET晶体管参数介绍与应用说明
- 20N40H TO3P-VB一款N-Channel沟道TO3P的MOSFET晶体管参数介绍与应用说明
- 20N3LG-VB TO251一款N-Channel沟道TO251的MOSFET晶体管参数介绍与应用说明
- 基于FastDFS+Nginx+Redis+MySQL+FastCGI实现的共享网盘（毕业设计）
- 20N20-VB一款N-Channel沟道TO252的MOSFET晶体管参数介绍与应用说明
- 20N15-VB一款N-Channel沟道TO220的MOSFET晶体管参数介绍与应用说明
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
