File size: 9.6Kb
<!--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 | Features :: 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><a href="blog.html">BLOG</a></li>
<li class="activate"><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">our features</h3>
<ol class="breadcrumb pull-right">
<li><a href="index.html">Home</a></li>
<li class="active">feature</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="main_btm1"><!-- start main_btm -->
<div class="container">
<div class="technology">
<div class="technology_main">
<div class="technology_list col-md-6">
<h4>1. There are many variations of passages of Lorem Ipsum available?</h4>
<div class="tech_para">
<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. </p>
</div>
<div class="images_1_of_4 bg1 pull-right">
<span class="bg"><i class="fa fa-files-o"></i> </span>
</div>
<div class="clearfix"></div>
<div class="read_btn">
<a href="single-page.html" class="btn">read more</a>
</div>
</div>
<div class="technology_list col-md-6">
<h4>2. Lorem Ipsum is simply dummy text of the printing and industry?</h4>
<div class="tech_para">
<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.</p>
</div>
<div class="images_1_of_4 bg1">
<span class="bg"><i class="fa fa-laptop"></i> </span>
</div>
<div class="clearfix"></div>
<div class="read_btn">
<a href="single-page.html" class="btn">read more</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="technology_main">
<div class="technology_list col-md-6">
<h4>3. Lorem Ipsum is simply dummy text of the printing and industry?</h4>
<div class="tech_para">
<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.</p>
</div>
<div class="images_1_of_4 bg1">
<span class="bg"><i class="fa fa-laptop"></i> </span>
</div>
<div class="clearfix"></div>
<div class="read_btn">
<a href="single-page.html" class="btn">read more</a>
</div>
</div>
<div class="technology_list col-md-6">
<h4>4. There are many variations of passages of Lorem Ipsum available?</h4>
<div class="tech_para">
<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. </p>
</div>
<div class="images_1_of_4 bg1 pull-right">
<span class="bg"><i class="fa fa-files-o"></i> </span>
</div>
<div class="clearfix"></div>
<div class="read_btn">
<a href="single-page.html" class="btn">read more</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</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>