File size: 9.91Kb
<!--A Design by W3layouts
Author: W3layout
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>Modus-Versus a bootstrap Website Template | Blog :: w3layouts</title>
<!-- Bootstrap -->
<link href="web/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="web/css/blue.css" rel="stylesheet" type="text/css" media="all" />
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/web/css/font-awesome.min.css">
<!----font-Awesome----->
<!-- start plugins -->
<script type="text/javascript" src="web/js/jquery.min.js"></script>
<script src="web/js/menu.js" type="text/javascript"></script>
</head>
<body>
<div class="header_bg">
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="web/images/logo.png" alt=""/></a>
</div>
<div class="h_menu">
<a id="touch-menu" class="mobile-menu" href="#">Menu</a>
<nav>
<ul class="menu list-unstyled">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="service.html">services</a></li>
<li><a href="portfolio.html">PORTFOLIO</a>
<ul class="sub-menu list-unstyled">
<li><a href="portfolio.html">Portfolio Page</a></li>
<li><a href="portfolio.html">Portfolio Page</a></li>
<li><a href="portfolio.html">Portfolio Page</a>
<ul class="list-unstyled">
<li><a href="portfolio.html">Sub-Menu 1</a></li>
<li><a href="portfolio.html">Sub-Menu 2</a></li>
<li><a href="portfolio.html">Sub-Menu 3</a></li>
</ul>
</li>
</ul>
</li>
<li class="activate"><a href="blog.html">BLOG</a></li>
<li><a href="feature.html">feature</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main_grid1">
<h3 class="style pull-left">Portfolio</h3>
<ol class="breadcrumb pull-right">
<li><a href="index.html">Home</a></li>
<li class="active">Portfolio</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="main_btm1"><!-- start main_btm -->
<div class="container">
<div class="blog"><!-- start blog -->
<div class="blog_main col-md-9">
<div class="blog_list">
<div class="col-md-2 blog_date">
<span class="date">may <p>24<p></p></span>
<span class="icon_date"><i class="fa fa-laptop"></i> </span>
</div>
<div class="col-md-10 blog_left">
<a href="single-page.html"><img src="web/images/blog-pic1.jpg" alt="" class="img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply dummy text of the printing and typesetting industry </a></h4>
<span>posted by <a href="#">Admin</a> in <a href="#">Wordpress</a> <a class="left" href="#"><i class="fa fa-comment"></i>Comments</a> <a class="left" href="#"><i class="fa fa-eye"></i>124 views</a></span>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p>
<div class="read_btn">
<a href="single-page.html"><button class="btn">view more</button></a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="blog_list">
<div class="col-md-2 blog_date">
<span class="date">Jun <p>17<p></p></span>
<span class="icon_date"><i class="fa fa-laptop"></i> </span>
</div>
<div class="col-md-10 blog_left">
<a href="single-page.html"><img src="web/images/blog-pic2.jpg" alt="" class="img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply dummy text of the printing and typesetting industry </a></h4>
<span>posted by <a href="#">Admin</a> in <a href="#">Wordpress</a> <a class="left" href="#"><i class="fa fa-comment"></i>Comments</a> <a class="left" href="#"><i class="fa fa-eye"></i>124 views</a></span>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p>
<div class="read_btn">
<a href="single-page.html"><button class="btn">view more</button></a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-3 blog_right">
<h4>Ads 125 x 125</h4>
<ul class="ads_nav list-unstyled">
<li><a href="#"><img src="web/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="web/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="web/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="web/images/ads_pic.jpg" alt=""> </a></li>
<div class="clearfix"></div>
</ul>
<ul class="tag_nav list-unstyled">
<h4>tags</h4>
<li class="active"><a href="#">awesome</a></li>
<li><a href="#">art</a></li>
<li><a href="#">classic</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">wordpress</a></li>
<li><a href="#">videos</a></li>
<li><a href="#">standard</a></li>
<li><a href="#">gaming</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">music</a></li>
<li><a href="#">data</a></li>
<div class="clearfix"></div>
</ul>
<div class="news_letter">
<h4>news letter</h4>
<form>
<input type="text" placeholder="Your email address">
<input type="submit" value="subscribe">
</form>
</div>
</div>
<div class="clearfix"></div>
</div><!-- end blog -->
</div>
</div>
<div class="footer_bg"><!-- start footer -->
<div class="container">
<div class="footer">
<div class="col-md-4 footer1_of_3">
<div class="f_logo">
<a href="index.html"><img src="web/images/logo.png" alt=""/></a>
</div>
<p class="f_para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>
<p>Phone: <span>(00) 222 666 444</span></p>
<span class="">Email: <a href="mailto:info@mycompany.com">info(at)mycompany.com</a></span>
</div>
<div class="col-md-2 footer1_of_3">
<h4>company</h4>
<ul class="list-unstyled f_list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nullam nec sapien eget</a></li>
<li><a href="#">Curabitur pellentesque</a></li>
<li><a href="#">Mauris dictum neque</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Nullam nec sapien</a></li>
<li><a href="#">Curabitur mauris tempor </a></li>
</ul>
</div>
<div class="col-md-2 footer1_of_3">
<h4>community</h4>
<ul class="list-unstyled f_list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nullam nec sapien eget</a></li>
<li><a href="#">Curabitur pellentesque</a></li>
<li><a href="#">Mauris dictum neque</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Nullam nec sapien</a></li>
<li><a href="#">Curabitur mauris tempor </a></li>
</ul>
</div>
<div class="col-md-4 footer_of_3">
<h4>from the <span>blog</span></h4>
<div class="blog_list">
<div class="col-md-3 f_pic">
<a href="blog.html"><img src="web/images/blog_pic1.jpg" alt="" class="img-responsive"/></a>
</div>
<div class="col-md-9 f_text">
<a href="blog.html"><p>Lorem Ipsum is simply dummy text of the this printing and typesetting industry.</p></a>
<span>26, may 2014</span>
</div>
<div class="clearfix"></div>
</div>
<div class="blog_list">
<div class="col-md-3 f_pic">
<a href="blog.html"><img src="web/images/blog_pic2.jpg" alt="" class="img-responsive"/></a>
</div>
<div class="col-md-9 f_text">
<a href="blog.html"><p>Lorem Ipsum is simply dummy text of the this printing and typesetting industry.</p></a>
<span>17, June 2014</span>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer1_bg"><!-- start footer1 -->
<div class="container">
<div class="footer1">
<div class="copy pull-left">
<p class="link"><span>© All rights reserved | Template by <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
</div>
<div class="soc_icons pull-right">
<ul class="list-unstyled text-center">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</body>
</html>