<!--
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>Free style a Landing page category Flat bootstrap Responsive website Template | Single page :: w3layouts</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<!--web-font-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<!--//web-font-->
<!-- Custom Theme files -->
<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="Free style 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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/modernizr.custom.53451.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>
<!--//end-smoth-scrolling-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu-icon.png" alt=""/></span>
<ul class="nav1">
<li><a href="index.html">HOME </a></li>
<li><a href="index.html">METHOD</a></li>
<li><a href="index.html">CASES</a></li>
<li><a href="index.html">SERVICES</a></li>
<li><a href="blog.html" class="active">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="social-icons">
<ul>
<li><a href="#"></a></li>
<li><a href="#" class="twit"></a></li>
<li><a href="#" class="drbl"></a></li>
<li><a href="#" class="msg"></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//header-->
<!--blog-->
<div class="blog">
<div class="container">
<div class="col-md-8 blog-left" >
<h4>FRINGILLA CONDIMENTUM</h4>
<div class="blog-info single-blog">
<img src="images/img17.jpg" alt=""/>
<h5>CONDIMENTUM FRINGILLA, FRINGILLA CONDIMENTUM,FINIBUS BONORUM MALORUM, DONEC UT QUAM LIGULA, SED NISI LOBORTIS.</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet,
consectetur adipisicing elit.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.</p>
<h5>TINCIDUNT NEC, PRETIUM MALESUADA, AUCTOR LIBERO RUTRUM,</h5>
<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.</p>
<div class="comment-icons">
<ul>
<li><span></span><a href="#">Lorem ipsum dolor sit consectetur</a></li>
<li><span class="clndr"></span>MARCH 5, 2015</li>
<li><span class="admin"></span><a href="#">Admin</a></li>
<li><span class="cmnts"></span><a href="#">5 comments</a></li>
<li><span class="like"></span>15</li>
<ul>
</div>
<div class="admin-text">
<h5>Written By Admin</h5>
<div class="admin-text-left">
<img src="images/icon3.png" alt=""/>
</div>
<div class="admin-text-right">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span>View all posts by: Admin</span>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="related-posts">
<h4>RELATED POSTS</h4>
<div class="related-posts-grids">
<img src="images/img21.jpg" alt=""/>
<h5>FRINGILLA CONDIMENTUM</h5>
</div>
<div class="related-posts-grids middle">
<img src="images/img22.jpg" alt=""/>
<h5>FRINGILLA CONDIMENTUM</h5>
</div>
<div class="related-posts-grids bottom">
<img src="images/img23.jpg" alt=""/>
<h5>FRINGILLA CONDIMENTUM</h5>
</div>
<div class="clearfix"> </div>
</div>
<div class="response">
<h4>RESPONSES</h4>
<div class="response-info">
<div class="response-text-left">
<img src="images/icon3.png" alt=""/>
<h5>Admin</h5>
</div>
<div class="response-text-right">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<ul>
<li>MARCH 1, 2015</li>
<li><a href="#">Reply</a></li>
<ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="response-info">
<div class="response-text-left">
<img src="images/icon3.png" alt=""/>
<h5>Admin</h5>
</div>
<div class="response-text-right">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<ul>
<li>MARCH 1, 2015</li>
<li><a href="#">Reply</a></li>
<ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="response-info">
<div class="response-text-left">
<img src="images/icon3.png" alt=""/>
<h5>Admin</h5>
</div>
<div class="response-text-right">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<ul>
<li>MARCH 1, 2015</li>
<li><a href="#">Reply</a></li>
<ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="coment-form">
<h4>LEAVE YOUR COMMENT</h4>
<f
网站模板-企业服务案例展示响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
115 浏览量
2024-03-24
15:03:43
上传
评论
收藏 1.53MB ZIP 举报
网站模板-企业服务案例展示响应式网页模板-适配移动端界面-HTML源码.zip （43个子文件） 
网站模板-企业服务案例展示响应式网页模板-适配移动端界面-HTML源码 html js 
responsiveslides.min.js 3KB modernizr.custom.53451.js 9KB easing.js 5KB move-top.js 1KB modernizr.custom.js 9KB jquery.min.js 92KB css style.css 33KB bootstrap.css 118KB
index.html 13KB contact.html 7KB single.html 14KB images 
img18.jpg 171KB
img3.png 6KB img20.jpg 263KB img22.jpg 119KB icon1.png 3KB banner.jpg 38KB logo.png 5KB img8.png 13KB img21.jpg 223KB img13.jpg 24KB img4.png 6KB img10.jpg 41KB move-up.png 3KB img11.jpg 33KB img23.jpg 201KB img2.png 4KB img15.jpg 22KB icons-sprite.png 9KB img16.jpg 22KB menu-icon.png 3KB img7.png 11KB img1.png 11KB img6.png 12KB icon3.png 789B img17.jpg 180KB img14.jpg 16KB img19.jpg 128KB img12.jpg 26KB img5.png 4KB img9.jpg 34KB icon2.png 3KB blog.html 10KB资源评论
