<!--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>We Host a Web Hosting Category Flat Bootstarp responsive Website Template| NEWS :: w3layouts</title>
<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="We Host 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/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!---- 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">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
</head>
<body>
<!--start-header-->
<div class="header" id="home">
<div class="container">
<div class="head">
<div class="logo">
<h1><a href="index.html">We Host</a></h1>
</div>
<div class="navigation">
<span class="menu"></span>
<ul class="navig">
<li><a href="index.html">Home</a></li>
<li class="plan active"><a href="single.html">Plans and Services</a>
<ul class="sub-nav">
<li><a href="single.html">Dedicated Servers</a></li>
<li><a href="single.html">VPS Servers</a></li>
<li><a href="single.html">Shared Hosting</a></li>
<li><a href="single.html">Colocation</a></li>
</ul>
</li>
<li><a href="404.html">Infrastructure</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">About</a></li>
<li><a href="support.html" class="sup">Support</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<!--end-header-->
<!--start-news-->
<div class="news">
<div class="container">
<div class="news-top">
<h3>News</h3>
<div class="news-main">
<div class="col-md-8 news-top-left">
<div class="news-left">
<a href="single.html"><h4>Lorem ipsum dolor sit amet</h4></a>
<a href="single.html"><img src="images/news-1.jpg" alt="" /></a>
<h5>Aliquam rutrum rutrum tellus, eu ornare risus congue in</h5>
<p>Nullam pretium, nibh nec ultricies consequat, ante tortor rutrum elit, ut aliquet odio metus et augue. Praesent fringilla finibus velit in faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
<div class="news-left">
<a href="single.html"><h4>Lorem ipsum dolor sit amet</h4></a>
<a href="single.html"><img src="images/news-2.jpg" alt="" /></a>
<h5>Aliquam rutrum rutrum tellus, eu ornare risus congue in</h5>
<p>Nullam pretium, nibh nec ultricies consequat, ante tortor rutrum elit, ut aliquet odio metus et augue. Praesent fringilla finibus velit in faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
<div class="news-left">
<a href="single.html"><h4>Lorem ipsum dolor sit amet</h4></a>
<a href="single.html"><img src="images/news-3.jpg" alt="" /></a>
<h5>Aliquam rutrum rutrum tellus, eu ornare risus congue in</h5>
<p>Nullam pretium, nibh nec ultricies consequat, ante tortor rutrum elit, ut aliquet odio metus et augue. Praesent fringilla finibus velit in faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
<div class="col-md-4 news-right">
<div class="categories">
<h4>Categories</h4>
<ul>
<li><a href="#">Integer molestie orci eu volutpat euismod</a></li>
<li><a href="#">Cras odio risus commodo in varius non</a></li>
<li><a href="#">Ut fringilla neque eu nisi viverra malesuada</a></li>
<li><a href="#">Aenean nonummy hendrerit mauris.</a></li>
<li><a href="#">Duis neque nibh tristique fringilla finibus</a></li>
<li><a href="#">Pellentesque ornare ex id nisi scelerisque</a></li>
<li><a href="#">Vestibulum pellentesque fermentum augue</a></li>
<li><a href="#">Fusce feugiat malesuada odio</a></li>
<li><a href="#">Curabitur justo odio, auctor quis ligula in</a></li>
<li><a href="#">Cum sociis natoque penatibus et</a></li>
<li><a href="#">Praesent nec commodo mi</a></li>
</ul>
</div>
<div class="recent">
<h4>Recent Posts</h4>
<div class="recent-top">
<img src="images/recent-1.jpg" alt="" />
<span><label> </label>MARCH 13, 2013 9:31 AM </span>
<p>Quisque euismod vulputate augue, vel lobortis est pretium nec. Integer odio diam, eleifend tristique commodo ac, scelerisque ac tortor.</p>
</div>
<div class="recent-top">
<img src="images/recent-2.jpg" alt="" />
<span><label> </label>MARCH 13, 2013 9:31 AM </span>
<p>Quisque euismod vulputate augue, vel lobortis est pretium nec. Integer odio diam, eleifend tristique commodo ac, scelerisque ac tortor.</p>
</div>
<div class="recent-top">
<img src="images/recent-3.jpg" alt="" />
<span><label> </label>MARCH 13, 2013 9:31 AM </span>
<p>Quisque euismod vulputate augue, vel lobortis est pretium nec. Integer odio diam, eleifend tristique commodo ac, scelerisque ac tortor.</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="news-bottom">
<ul>
<li><a href="#" class="active">PREV</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="#" class="active">NEXT</a></li>
</ul>
</div>
</div>
</div>
<!--end-news-->
<!--start-bottom-navgation-->
<div class="b-navgation">
<div class="container">
<div class="b-nav-main">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="single.html">Plans and Services</a>
<ul class="b-nav">
<li><a href="single.html">Dedicated Servers</a></li>
<li><a href="single.html">VPS Servers</a></li>
<li><a href="single.html">Shared Hosting</a></li>
<li><a href="single.html">Colocation</a></li>
</ul>
</li>
<li><a href="404.html">Infrastructure</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">About</a>
<ul class="b-nav">
<li><a href="single.html">About company</a></li>
<li><a href="support.html">Contact us</a></li>
</ul>
</li>
<li><a href="support.html">Support</a>
<ul class="b-nav">
<li><p>Call us:<span>(818) 995-1560</span></p></li>
<li><p>E-mail us: <a href="mailto:example@email.com">sales@digitallandscape.com </a></p></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--end-bottom-navgation-->
<!--start-footer-->
<div class="footer">
<div class="container">
<div class="footer-text">
<p>Template By <a href="http://w3layouts.com/"> W3layouts</a></p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
<!--end-footer-->
</body>
</html>