<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>EcoHosting - Responsive HTML5 Hosting and WHMCS Template</title>
<!-- ====Favicons==== -->
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<!-- ====Google Font Stylesheet==== -->
<link href='https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,900' rel='stylesheet' type='text/css'>
<!-- ====Font Awesome Stylesheet==== -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- ====Bootstrap Stylesheet==== -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- ====Main Stylesheet==== -->
<link href="style.css" rel="stylesheet">
<!-- ====Responsive Stylesheet==== -->
<link href="css/responsive-style.css" rel="stylesheet">
<!-- ====Color Scheme Stylesheet==== -->
<link href="css/colors/theme-color-1.css" rel="stylesheet" id="changeColorScheme">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloader Start -->
<div id="preloader">
<div class="preloader--spinners">
<div class="preloader--spinner preloader--spinner-1"></div>
<div class="preloader--spinner preloader--spinner-2"></div>
</div>
</div>
<!-- Preloader End -->
<!-- Menu Area Start -->
<div id="menu">
<!-- Menu Topbar Start -->
<div class="menu--topbar">
<div class="container">
<!-- Menu Topbar Contact Start -->
<div class="menu-topbar--contact">
<ul class="nav navbar-nav">
<li><a href="tel:+4440000000"><i class="fa fa-phone"></i>+444 000 0000</a></li>
<li><a href="mailto:example@example.com"><i class="fa fa-envelope"></i>example@example.com</a></li>
</ul>
</div>
<!-- Menu Topbar Contact End -->
<!-- Menu Topbar Social Start -->
<ul class="menu-topbar--social nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></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>
<!-- Menu Topbar Social End -->
</div>
</div>
<!-- Menu Topbar End -->
<!-- Primary Menu Start -->
<nav id="primaryMenu" class="navbar primary-menu-two">
<div class="container">
<!-- Logo Start -->
<div class="primary--logo">
<h1><a href="index.html"><span><i class="fa fa-tree"></i>Eco</span>Hosting</a></h1>
</div>
<!-- Logo End -->
<div class="primary--info clearfix">
<div class="primary--info-item">
<div class="primary--icon">
<img src="img/top-bar-icons/01.png" alt="" class="img-responsive">
</div>
<div class="primary--content">
<p class="count">24/7 Support</p>
<p>Lorem ipsum dolor</p>
</div>
</div>
<div class="primary--info-item">
<div class="primary--icon">
<img src="img/top-bar-icons/02.png" alt="" class="img-responsive">
</div>
<div class="primary--content">
<p class="count">45 Day Guarantee</p>
<p>Lorem ipsum dolor</p>
</div>
</div>
<div class="primary--info-item">
<div class="primary--icon">
<img src="img/top-bar-icons/03.png" alt="" class="img-responsive">
</div>
<div class="primary--content">
<p class="count">99.9% Uptime</p>
<p>Lorem ipsum dolor</p>
</div>
</div>
</div>
</div>
</nav>
<!-- Primary Menu End -->
<!-- Secondary Menu Start -->
<nav id="secondaryMenu" class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#secondaryNavbar" aria-expanded="false" aria-controls="secondaryNavbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="login-btn hidden-lg hidden-md hidden-sm">
<a href="login.html" class="btn">Client Area</a>
</div>
</div>
<!-- Secondary Menu Links Start -->
<div id="secondaryNavbar" class="reset-padding navbar-collapse collapse">
<ul class="secondary-menu-links nav navbar-nav">
<li class="dropdown">
<a href="#" data-toggle="dropdown">Home<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="../version-1/index.html">Home Version 1</a></li>
<li><a href="../version-2/index.html">Home Version 2</a></li>
<li><a href="../version-3/index.html">Home Version 3</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" data-toggle="dropdown">Hosting<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="shared-hosting.html">Shared Hosting</a></li>
<li><a href="reseller-hosting.html">Reseller Hosting</a></li>
<li><a href="vps-hosting.html">VPS Hosting</a></li>
<li><a href="dedicated-hosting.html">Dedicated Hosting</a></li>
</ul>
</li>
<li><a href="domains.html">Domains</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown">Pages<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="about.html">About</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="affiliate.html">Affiliate</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" data-toggle="dropdown">Blog<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog_sidebar-left.html">Blog Details Left</a></li>
<li class="active"><a href="blog_sidebar-right.html">Blog Details Right</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="secondary-menu-links nav navbar-nav navbar-right hidden-xs">
<li><a href="login.html" class="btn">Client Area</a></li>
</ul>
</div>
<!-- Secondary Menu Links End -->
</div>
</nav>
<!-- Secondary Menu End -->
</div>
<!-- Menu Area End -->
<!-- Page Title Start -->
<div id="pageTitle" class="HeaderAdjust" data-bg-src="img/background-img/page-title-bg.jpg">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="section-title">
<h2>Lorem ipsum dolor sit amet</h2>
</div>
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li class="active">Blog Details Page</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Page Title End -->
<!-- Blog Area Start -->
<div id="blog" class="page">
<div class="container">
<div class="row">
<!-- Blog Content Area Start -->
<div class="col-md-8 blog-page-content">
<div class="blog-item full-post">
<div class="blog-item-img">
<img src="img/blog-img/img-1.jpg" alt="" class="img-responsive">
</div>
<div class="blog-item-content">
<h2>Lorem ipsum dolor sit amet</h2>
<div class="metadata">
<i class="fa fa-calendar"></i><a href="#">16/03/2016</a>
<span class="divider"> | </span>
<i class="fa fa-user"></i><a href="#">Themelooks</a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur odit, necessitatibus accusantium assumenda accusamus unde atque nisi sint fuga rem, ut aut reprehenderit ad tempora quisquam? A id fuga recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur accusamus, eos repellat ea quam natus voluptatem quod velit et mollitia quaerat quas excepturi similique, porro illum consequatur. Aperiam, laudantium, repudiandae.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur odit, necessitatibus accusantium assumenda accusamus unde atque nisi sint fuga rem, ut aut reprehenderit ad tempora quisquam? A id fuga recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur accusamus, eos repellat ea quam natus voluptatem quod velit et mollitia quaerat quas excepturi similique, porro illum consequatur. Aperiam, laudantium, repudiandae.</p>
<blockquote>Aenean ut eros et nisl sagittis vestibulum. Morbi mattis ullamcorper velit. Etiam vitae tortor. Donec posuere vulputate arcu. Nullam accumsan lorem in dui.</blockquote>
<p>Suspendisse feugiat. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Etiam feugiat lorem non metus. Vivamus quis mi. Donec vitae sapien ut libero venenatis faucibus. Phasellus gravida semper nisi. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.</p>
<ul>
<li>Consectetur adipiscing elit vtae elit libero</li>
<li>Nullam id dolor id eget lacinia odio posuere erat a ante</li>
<li>Integer posuere erat dapibus posuere velit</li>
</ul>
<p>Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Fusce fermentum odio nec arcu. In auctor lobortis lacus. Fusce vel dui. Praesent turpis. Fusce fermentum odio nec arcu. Aenean commodo ligula eget dolor. Etiam iaculis nunc ac metus. Praesent blandit laoreet nibh. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Ut varius tincidunt libero. Donec id justo.</p>
<p><i>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam at velit nisl. Aenean vitae est nisl. Cras molestie molestie nisl vel imperdiet. Donec vel mi sem.</i></p>
</div>
<p><span class="post-category-text">Category:</span><a href="#" class="category-link">themelooks</a></p>
<div class="tags">
<ul>
<li><strong>Tags:</strong></li>
<li><a href="#" class="btn btn-custom">Awesome</a></li>
<li><a href="#" class="btn btn-custom">Blog</a></li>
<li><a href="#" class="btn btn-custom">ThemeLooks</a></li>
<li><a href="#" class="btn btn-custom">Creative</a></li>
<li><a href="#" class="btn btn-custom">ComeLooks</a></li>
</ul>
</div>
<div class="row">
<div class="col-sm-6">
<div class="post-author-metadata">
<img src="img/blog-img/author.jpg" alt="">
<a href="#" class="post-author-name">Admin</a>
</div>
</div>
<div class="col-sm-6">
<div class="post-social-links">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-feed"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="post-comments">
<h2 class="post-comments-title">4 Comments</h2>
<ul>
<li>
<div class="single-comment">
<div class="comment-thumb">
<a href="#" class="pull-left">
<img src="img/blog-img/author.jpg" alt="User Image">
</a>
<div class="comment-meta pull-left">
<a href="#">ThemeLooks</a> says:
<div class="date">Februry 11, 2016 at 04.53 am</div>
</div>
</div>
<div class="comment-content">
<div class="comment-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non enim ut enim fringilla adipiscing id in lorem. Quisque aliquet neque vitae lectus tempus consectetur.</div>
</div>
<a href="#" class="comment-reply btn btn-sm">Reply</a>
</div>
<ul>
<li>
<div class="single-comment">
<div class="comment-thumb">
<a href="#" class="pull-left">
<img src="img/blog-img/author.jpg" alt="User Image">
</a>
<div class="comment-meta pull-left">
<a href="#">ThemeLooks</a> says:
<div class="date">Februry 11, 2016 at 04.53 am</div>
</div>
</div>
<div class="comment-content">
<div class="comment-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non enim ut enim fringilla adipiscing id in lorem. Quisque aliquet neque vitae lectus tempus consectetur.</div>
</div>
<a href="#" class="comment-reply btn btn-sm">Reply</a>
</div>
<ul>
<li>
<div class="single-comment">
<div class="comment-thumb">
<a href="#" class="pull-left">
<img src="img/blog-img/author.jpg" alt="User Image">
</a>
<div class="comment-meta pull-left">
<a href="#">ThemeLooks</a> says:
<div class="date">Februry 11, 2016 at 04.53 am</div>
</div>
</div>
<div class="comment-content">
<div class="comment-text">Great Design! Like it :)</div>
</div>
<a href="#" class="comment-reply btn btn-sm">Reply</a>
</div>
</li>
</ul>
</li>
<li>
<div class="single-comment">
<div class="comment-thumb">
<a href="#" class="pull-left">
<img src="img/blog-img/author.jpg" alt="User Image">
</a>
<div class="comment-meta pull-left">
<a href="#">ThemeLooks</a> says:
<div class="date">Februry 11, 2016 at 04.53 am</div>
</div>
</div>
<div class="comment-content">
<div class="comment-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non enim ut enim fringilla adipiscing id in lorem. Quisque aliquet neque vitae lectus tempus consectetur.</div>
</div>
<a href="#" class="comment-reply btn btn-sm">Reply</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="post-comment-form">
<h2 class="post-comments-title">Leave a Reaply</h2>
<div class="post-comment-form-group">
<!-- Comment Form Start -->
<form action="#" method="post" id="postCommentForm">
<div class="row">
<div class="col-md-4">
<input type="text" name="name" placeholder="Name" class="form-control" />
</div>
<div class="col-md-4">
<input type="email" name="email" placeholder="Email" class="form-control" />
</div>
<div class="col-md-4">
<input type="text" name="website" placeholder="Website" class="form-control" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<textarea cols="30" name="comments" rows="6" placeholder="Comments" class="form-control"></textarea>
</div>
</div>
<div class="row">
<div class="col-md-12">
<input type="submit" value="Submit" class="form-control submit-btn" />
</div>
</div>
</form>
<!-- Comment Form End -->
</div>
</div>
</div>
</div>
<!-- Blog Content Area End -->
<!-- Blog Sidebar Area Start -->
<div class="col-md-4 blog-page-sidebar">
<!-- Blog Search Widget Start -->
<div class="widget search">
<form action="404.html" method="post">
<div class="input-group">
<input type="text" placeholder="Search" class="form-control">
<span class="input-group-addon">
<button type="submit"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
<!-- Blog Search Widget End -->
<!-- Blog Recent Posts Widget Start -->
<div class="widget recent-items">
<h2 class="widget-title">recent posts</h2>
<div class="footer-thumb m-t-15">
<div class="row-holder">
<div class="right-col">
<a class="footer-thumb-link" href="#">You shouldn't have to</a>
<p class="footer-thumb-text">You shouldn't have to take our word for it. You sdfd read what iYou shouldn't have to take our word for it. You sdfd read what i </p>
<span class="footer-thumb-date">Published ON: <span class="footer-thumb-text-italic">10 dec</span></span>
</div>
</div>
<div class="row-holder">
<div class="right-col">
<a class="footer-thumb-link" href="#">You shouldn't have to</a>
<p class="footer-thumb-text">You shouldn't have to take our word for it. You sdfd read what iYou shouldn't have to take our word for it. You sdfd read what i </p>
<span class="footer-thumb-date">Published ON: <span class="footer-thumb-text-italic">10 dec</span></span>
</div>
</div>
</div>
</div>
<!-- Blog Recent Posts Widget End -->
<!-- Blog Categories Widget Start -->
<div class="widget categories">
<h3 class="widget-title">categories</h3>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">UX Design</a></li>
<li><a href="#">UI Design</a></li>
<li><a href="#">UI Design</a></li>
<li><a href="#">Flat Design</a></li>
</ul>
</div>
<!-- Blog Categories Widget End -->
<!-- Blog Archives Widget Start -->
<div class="widget archives">
<h3 class="widget-title">archives</h3>
<ul>
<li><a href="#">September 2015</a></li>
<li><a href="#">October 2015</a></li>
<li><a href="#">November 2015</a></li>
<li><a href="#">December 2015</a></li>
<li><a href="#">January 2016</a></li>
</ul>
</div>
<!-- Blog Archives Widget End -->
<!-- Blog Tags Widget Start -->
<div class="widget tags">
<h3 class="widget-title">tags</h3>
<ul>
<li><a href="#">business</a></li>
<li><a href="#">agency</a></li>
<li><a href="#">creative</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">coporate</a></li>
<li><a href="#">website</a></li>
<li><a href="#">business website</a></li>
<li><a href="#">coporate website</a></li>
</ul>
</div>
<!-- Blog Tags Widget End -->
<!-- Twitter Widget Start -->
<div class="widget latest-tweets-widget">
<h4 class="widget-title">Latest Tweets</h4>
<div id="sidebarTwitter" data-user-name="themelooks"></div>
</div>
<!-- Twitter Widget End -->
</div>
<!-- Blog Sidebar Area End -->
</div>
</div>
</div>
<!-- Blog Area End -->
<!-- Footer Area Start -->
<div id="footer">
<div class="container">
<div class="row">
<!-- Footer About Widget Start -->
<div class="col-md-6 footer-widget">
<div class="footer-about">
<!-- Footer Title Start -->
<h4>About Us</h4>
<!-- Footer Title End -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum quod mollitia quisquam. Architecto quam in atque sint voluptatem, consequatur consectetur ab ipsum maxime quod consequuntur excepturi illum dolorem ex modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur animi id ex perspiciatis distinctio sequi minima. Velit inventore fugit, quisquam molestias nesciunt dolorem reprehenderit temporibus unde, cupiditate pariatur libero dolorum!</p>
<a href="about.html" class="btn btn-custom-reverse">Read More</a>
</div>
</div>
<!-- Footer About Widget End -->
<!-- Footer Subscribe Widget Start -->
<div class="col-md-3 col-sm-6 footer-widget">
<!-- Footer Title Start -->
<h4>Subscribe</h4>
<!-- Footer Title End -->
<!-- Subscribe Form Start -->
<form action="http://themelooks.us12.list-manage.com/subscribe/post?u=50e1e21235cbd751ab4c1ebaa&id=ac81d988e4" method="post" name="mc-embedded-subscribe-form" target="_blank" id="subscribeForm" novalidate="novalidate">
<input type="text" name="MERGE1" placeholder="Enter your full name" class="input-box">
<input type="text" name="EMAIL" placeholder="Enter your email address" class="input-box">
<input type="submit" value="Subscribe" class="submit-button">
</form>
<!-- Subscribe Form End -->
</div>
<!-- Footer Subscribe Widget End -->
<!-- Footer Widget Start -->
<div class="col-md-3 col-sm-6 footer-widget">
<!-- Footer Title Start -->
<h4>Company</h4>
<!-- Footer Title End -->
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Acceptable Usage Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">DMCA Policy</a></li>
</ul>
</div>
<!-- Footer Widget End -->
</div>
</div>
<div class="contact-info">
<div class="container">
<div class="row">
<!-- Contact Info Item Start -->
<div class="col-md-3 col-xs-6">
<i class="fa fa-headphones"></i>
<a href="#">24/7 Customer Support</a>
</div>
<!-- Contact Info Item End -->
<!-- Contact Info Item Start -->
<div class="col-md-3 col-xs-6">
<i class="fa fa-envelope-o"></i>
<a href="#">support@example.com</a>
</div>
<!-- Contact Info Item End -->
<!-- Contact Info Item Start -->
<div class="col-md-3 col-xs-6">
<i class="fa fa-comments-o"></i>
<a href="#">Click Here To Live Chat</a>
</div>
<!-- Contact Info Item End -->
<!-- Contact Info Item Start -->
<div class="col-md-3 col-xs-6">
<i class="fa fa-phone"></i>
<a href="#">+44 000 000 000</a>
</div>
<!-- Contact Info Item End -->
</div>
</div>
</div>
</div>
<!-- Footer Area End -->
<!-- Copyright Area Start -->
<div id="copyright">
<div class="container">
<!-- Copyright Text Start -->
<p class="left">Copyright 2018 © <a href="#">EcoHosting</a>. All Rights Reserved.</p>
<!-- Copyright Text End -->
<p class="right">We Accept: <img src="img/payment-methods.png" alt=""></p>
</div>
</div>
<!-- Copyright Area End -->
<!-- Back To Top Button Start -->
<div id="backToTop">
<a href="#top"><i class="fa fa-angle-up"></i></a>
</div>
<!-- Back To Top Button Start -->
<!-- ====jQuery Core JavaScript==== -->
<script src="js/jquery-3.1.0.min.js"></script>
<!-- ====Bootstrap Core JavaScript==== -->
<script src="js/bootstrap.min.js"></script>
<!-- ====jQuery Validation JavaScript==== -->
<script src="js/jquery.validate.min.js"></script>
<!-- ====Twitter Widget==== -->
<script src="https://platform.twitter.com/widgets.js"></script>
<!-- ====jQuery Waypoints JavaScript==== -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- ====jQuery Counter JavaScript==== -->
<script src="js/jquery.counterup.min.js"></script>
<!-- ====RetinaJS Plugin==== -->
<script src="js/retina.min.js"></script>
<!-- ====Main JavaScript==== -->
<script src="js/main.js"></script>
</body>
</html>