File size: 25.57Kb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Onda - Hosting / Business HTML Website Template</title>
<meta name="keywords" content="" />
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile view -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="js/bootstrap/bootstrap.min.css">
<!-- Template's stylesheets -->
<link rel="stylesheet" href="js/megamenu/stylesheets/screen.css">
<link rel="stylesheet" href="css/theme-default.css" type="text/css">
<link rel="stylesheet" href="css/theme-classic.css" type="text/css">
<link rel="stylesheet" href="js/loaders/stylesheets/screen.css">
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="fonts/Simple-Line-Icons-Webfont/simple-line-icons.css" media="screen" />
<link rel="stylesheet" href="fonts/et-line-font/et-line-font.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/settings.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/layers.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/navigation.css">
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="js/owl-carousel/owl.theme.css" rel="stylesheet">
<link href="js/tabs/css/responsive-tabs.css" rel="stylesheet" type="text/css" media="all" />
<!-- Template's stylesheets END -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet/less" type="text/css" href="less/skin.less">
<!-- Style Customizer's stylesheets END -->
<!-- Skin stylesheet -->
</head>
<body>
<div class="over-loader loader-live">
<div class="loader">
<div class="loader-item style4">
<div class="cube1"></div>
<div class="cube2"></div>
</div>
</div>
</div>
<!--end loading-->
<div class="wrapper-boxed">
<div class="site-wrapper">
<div class="col-md-12 nopadding">
<div class="header-section style1 pin-style">
<div class="container">
<div class="mod-menu">
<div class="row">
<div class="col-sm-2"> <a href="index.html" title="" class="logo style-2 mar-4"> <img src="images/logo/cl-logo2.png" alt=""> </a> </div>
<div class="col-sm-10">
<div class="main-nav">
<ul class="nav navbar-nav top-nav">
<li class="search-parent"> <a href="javascript:void(0)" title=""><i aria-hidden="true" class="fa fa-search"></i></a>
<div class="search-box ">
<div class="content">
<div class="form-control">
<input type="text" placeholder="Type to search" />
<a href="#" class="search-btn mar-1"><i aria-hidden="true" class="fa fa-search"></i></a> </div>
<a href="#" class="close-btn mar-1">x</a> </div>
</div>
</li>
<li class="cart-parent"> <a href="javascript:void(0)" title=""> <i aria-hidden="true" class="fa fa-shopping-cart"></i> <span class="number mar2"> 4 </span> </a>
<div class="cart-box">
<div class="content">
<div class="row">
<div class="col-xs-8"> 2 item(s) </div>
<div class="col-xs-4 text-right"> <span>$99</span> </div>
</div>
<ul>
<li> <img src="http://placehold.it/80x80" alt=""> Jean & Teashirt <span>$30</span> <a href="#" title="" class="close-btn">x</a> </li>
<li> <img src="http://placehold.it/80x80" alt=""> Jean & Teashirt <span>$30</span> <a href="#" title="" class="close-btn">x</a> </li>
</ul>
<div class="row">
<div class="col-xs-6"> <a href="#" title="View Cart" class="btn btn-block btn-warning">View Cart</a> </div>
<div class="col-xs-6"> <a href="#" title="Check out" class="btn btn-block btn-primary">Check out</a> </div>
</div>
</div>
</div>
</li>
<li class="visible-xs menu-icon"> <a href="javascript:void(0)" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu" aria-expanded="false"> <i aria-hidden="true" class="fa fa-bars"></i> </a> </li>
</ul>
<div id="menu" class="collapse">
<ul class="nav navbar-nav">
<li class="right"> <a href="index.html">Home</a> <span class="arrow"></span>
<ul class="dm-align-2">
<li> <a href="index-1.html">Home Style 1</a> </li>
<li> <a href="index-2.html">Home Style 2</a> </li>
<li> <a href="index-3.html">Home Style 3</a> </li>
<li> <a href="index-4.html">Home Style 4</a> </li>
<li> <a href="index-5.html">Home Style 5</a> </li>
<li> <a href="index.html">Home Default</a> </li>
</ul>
</li>
<li> <a href="#">Layouts</a> <span class="arrow"></span>
<ul class="dm-align-2">
<li class="active"> <a href="https://codelayers.net/templates/onda/classic/index.html">Layout Classic</a> </li>
<li> <a href="https://codelayers.net/templates/onda/creative/index.html">Layout Creative</a> </li>
<li> <a href="https://codelayers.net/templates/onda/onepage/index.html">Layout Onepage</a> </li>
</ul>
</li>
<li> <a href="slider-kenburns.html">Pages</a> <span class="arrow"></span>
<ul class="dm-align-2">
<li> <a href="#">About <span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
<ul>
<li> <a href="page-about1.html">About Style 1</a> </li>
<li> <a href="page-about2.html">About Style 2</a> </li>
<li> <a href="page-about3.html">About Style 3</a> </li>
<li> <a href="page-about4.html">About Style 4</a> </li>
<li> <a href="page-about5.html">About Me</a> </li>
</ul>
</li>
<li> <a href="#">Services <span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
<ul>
<li> <a href="page-services1.html">Services Style 1</a> </li>
<li> <a href="page-services2.html">Services Style 2</a> </li>
<li> <a href="page-services3.html">Services Style 3</a> </li>
<li> <a href="page-services4.html">Services Style 4</a> </li>
</ul>
</li>
<li> <a href="#">Team <span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
<ul>
<li> <a href="page-team-classic.html">Team Classic</a> </li>
<li> <a href="page-team-parallax.html">Team Parallax</a> </li>
</ul>
</li>
<li> <a href="#">Contact<span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
<ul>
<li> <a href="page-contact.html">Contact Classic</a> </li>
<li> <a href="page-contact-map.html">Full Width Map</a> </li>
<li> <a href="page-contact-parallax.html">Contact Parallax</a> </li>
</ul>
</li>
<li> <a href="page-website-builder.html">Website Builder </a> </li>
<li> <a href="page-affiliates.html">Affiliates</a> </li>
<li> <a href="page-who-is.html">Search Who is</a> </li>
<li> <a href="page-full-width.html">Full Width Page</a> </li>
<li> <a href="page-left-sidebar.html">Left Sidebar</a> </li>
<li> <a href="page-right-sidebar.html">Right Sidebar</a> </li>
</ul>
</li>
<li> <a href="page-domain-search.html">Domains</a> <span class="arrow"></span>
<ul class="dm-align-2">
<li> <a href="page-domain-search.html">Domain Search</a> </li>
<li> <a href="page-domain-transfer.html">Domain Transfer</a> </li>
</ul>
</li>
<li> <a href="slider-kenburns.html">Hosting</a> <span class="arrow"></span>
<ul class="dm-align-2">
<li> <a href="page-web-hosting.html">Web Hosting</a> </li>
<li> <a href="page-dedicated-hosting.html">Dedicated Hosting</a> </li>
<li> <a href="page-shared-hosting.html">Shared Hosting</a> </li>
<li> <a href="page-vps-hosting.html">VPS Hosting</a> </li>
<li> <a href="page-reseller-hosting.html">Reseller Hosting</a> </li>
</ul>
</li>
<li class="shortcodes"></li>
<li class="right active"> <a href="#">Blog</a> <span class="arrow"></span>
<ul class="dm-align-2">
<li class="active"> <a href="blog-full-width.html">Full Width</a> </li>
<li> <a href="blog-3-columns.html">3 Columns</a> </li>
<li> <a href="blog-singlepost.html">Single Post</a> </li>
</ul>
</li>
<li class="right"> <a href="index-shop.html">Shop</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end menu-->
</div>
<!--end menu-->
<div class="clearfix"></div>
<div class="header-inner-tmargin">
<section class="section-side-image clearfix">
<div class="img-holder col-md-12 col-sm-12 col-xs-12">
<div class="background-imgholder" style="background:url(http://placehold.it/1500x1000);"><img class="nodisplay-image" src="http://placehold.it/1500x1000" alt=""/> </div>
</div>
<div class="container-fluid" >
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 clearfix nopadding">
<div class="header-inner header-medium">
<div class="overlay bg-opacity-4">
<div class="text text-center">
<h1 class="text-white less-mar-1 title">Blog Full Width</h1>
<h6 class="uppercase text-white sub-title">Get unlimited features</h6>
</div>
</div>
</div></div>
</div>
</div>
</section>
<div class=" clearfix"></div>
<!--end section-->
</div>
<div class="clearfix"></div>
<!--end header inner-->
<section class="sec-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="ce-blog-holder-1">
<div class="blog-img">
<div class="overlay bg-opacity-1">
<div class="post-date-box"> 25 <span>Sep, 2019</span> </div>
<div class="post-date-box two">18 <span>Comments</span> </div>
</div>
<img src="http://placehold.it/1200x550" alt="" class="img-responsive"/>
</div>
<div class="clearfix"></div>
<br/><br/>
<h4 class="uppercase title"><a href="#">Aliquam Rhoncus amet Maecenas sed nisl </a></h4>
<div class="blog-post-info"><span><i class="fa fa-user"></i> By Benjamin</span> <span><i class="fa fa-folder"></i> Business/Hosting</span> </div>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci. Cras laoreet ligula. Etiam sit amet dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam tellus diam, volutpat a, laoreet vel, bibendum in, nibh. Donec elit lectus, pharetra quis Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci. </p>
<br/>
<br/>
<a class="btn btn-prim btn-medium btn-xround uppercase" href="#">Read more</a>
</div>
</div>
<!--end item-->
<div class="clearfix"></div>
<br/><br/>
<div class="col-md-12">
<div class="ce-blog-holder-1">
<div class="blog-img">
<div class="overlay bg-opacity-1">
<div class="post-date-box"> 25 <span>Sep, 2019</span> </div>
<div class="post-date-box two">18 <span>Comments</span> </div>
</div>
<img src="http://placehold.it/1200x550" alt="" class="img-responsive"/>
</div>
<div class="clearfix"></div>
<br/><br/>
<h4 class="uppercase title"><a href="#">Aliquam Rhoncus amet Maecenas sed nisl </a></h4>
<div class="blog-post-info"><span><i class="fa fa-user"></i> By Benjamin</span> <span><i class="fa fa-folder"></i> Business/Hosting</span> </div>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci. Cras laoreet ligula. Etiam sit amet dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam tellus diam, volutpat a, laoreet vel, bibendum in, nibh. Donec elit lectus, pharetra quis Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci. </p>
<br/>
<br/>
<a class="btn btn-prim btn-medium btn-xround uppercase" href="#">Read more</a>
</div>
</div>
<!--end item-->
<div class="clearfix"></div>
<br/><br/>
<div class=" divider-line solid light"></div>
<div class="col-md-12">
<div class="clearfix"></div>
<br/><br/>
<ul class="blog-pagenation">
<li><a href="#"><i class="fa fa-angle-left"></i></a></li>
<li><a href="#">1</a></li>
<li><a class="active" href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="section-primary sec-less-padding">
<div class="container">
<div class="row">
<div class="col-md-9">
<h3 class="text-white">Over 4 million customers trust our services and servers</h3>
</div>
<div class="col-md-3">
<div class="margin-top2"></div>
<a class="btn btn-border white btn-xround pull-right" href="#">Sign Up Now !</a> </div>
</div>
</div>
</section>
<div class="clearfix"></div>
<!--end section-->
<section class="section-dark sec-padding">
<div class="container ">
<div class="row"> <br/>
<div class="col-md-3 col-sm-12 col-xs-12 clearfix margin-bottom">
<h4 class="less-mar3 font-weight-4 text-white">About Us</h4>
<div class="clearfix"></div>
<div class="footer-title-bottomstrip white"></div>
<ul class="footer-quick-links-4">
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Ullamcorper odio nec turpis</a></li>
<li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
<li><a href="#"> Lobortis enim nec nisi</a></li>
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Ullamcorper odio nec turpis</a></li>
<li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
<li><a href="#"> Lobortis enim nec nisi</a></li>
</ul>
<div class="clearfix"></div>
<br/>
<ul class="ce-sc-icons">
<li><a target="_blank" class="twitter" href="https://twitter.com/codelayers"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="https://www.facebook.com/codelayers"><i class="fa fa-facebook"></i></a></li>
<li><a class="active" href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<!--end item-->
<div class="col-md-3 col-sm-12 col-xs-12 clearfix margin-bottom">
<h4 class="less-mar3 font-weight-4 text-white">Products & Services</h4>
<div class="clearfix"></div>
<div class="footer-title-bottomstrip white"></div>
<ul class="footer-quick-links-4">
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Ullamcorper odio nec turpis</a></li>
<li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
<li><a href="#"> Lobortis enim nec nisi</a></li>
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Ullamcorper odio nec turpis</a></li>
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
<li><a href="#"> Lobortis enim nec nisi</a></li>
<li><a href="#"> Placerat bibendum</a></li>
</ul>
</div>
<!--end item-->
<div class="col-md-3 col-sm-12 col-xs-12 bmargin clearfix margin-bottom">
<div class="item-holder">
<h4 class="less-mar3 font-weight-4 text-white">Recent Posts</h4>
<div class="footer-title-bottomstrip white"></div>
<div class="clearfix"></div>
<div class="fo-posts">
<div class="image-left"><img src="http://placehold.it/80x80" alt=""/></div>
<div class="text-box-right">
<h6 class="less-mar3 nopadding"><a href="#" class="text-white">Shared Hosting </a></h6>
<p>Lorem ipsum dolor sit</p>
<div class="post-info"> <span>By John Doe</span><span> June 19</span> </div>
</div>
</div>
<div class="col-divider-margin-1"></div>
<div class=" divider-line solid dark opacity-2 "></div>
<div class="col-divider-margin-2"></div>
<div class="fo-posts">
<div class="image-left"><img src="http://placehold.it/80x80" alt=""/></div>
<div class="text-box-right">
<h6 class="less-mar3 nopadding"><a href="#" class="text-white">Domain Transfer </a></h6>
<p>Lorem ipsum dolor sit</p>
<div class="post-info"> <span>By John Doe</span><span> June 19</span> </div>
</div>
</div>
<div class="col-divider-margin-1"></div>
<div class=" divider-line solid dark opacity-2 "></div>
<div class="col-divider-margin-2"></div>
<div class="fo-posts">
<div class="image-left"><img src="http://placehold.it/80x80" alt=""/></div>
<div class="text-box-right">
<h6 class="less-mar3 nopadding"><a href="#" class="text-white">VPS Hosting</a></h6>
<p>Lorem ipsum dolor sit</p>
<div class="post-info"> <span>By John Doe</span><span> June 19</span> </div>
</div>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-12 col-xs-12 clearfix margin-bottom">
<h4 class="less-mar3 font-weight-4 text-white">Need Help?</h4>
<div class="clearfix"></div>
<div class="footer-title-bottomstrip white"></div>
<ul class="footer-quick-links-4">
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Ullamcorper odio nec turpis</a></li>
<li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
<li><a href="#"> Lobortis enim nec nisi</a></li>
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Ullamcorper odio nec turpis</a></li>
<li><a href="#"> Placerat bibendum</a></li>
<li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
<li><a href="#"> Lobortis enim nec nisi</a></li>
<li><a href="#"> Placerat bibendum</a></li>
</ul>
</div>
<!--end item-->
<div class="clearfix"></div>
<div class="col-divider-margin-4"></div>
<div class="divider-line solid white opacity-2"></div>
<div class="col-divider-margin-4"></div>
<div class="col-md-3 margin-bottom"> <img src="images/logo/w-logo.png" alt=""/> </div>
<!--end item-->
<div class="col-md-9">
<input class="ce-newsletter-1" type="search" placeholder="Email Address">
<input name="search" value="Submit" class="ce-newsletter-submit-1" type="submit">
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!--end section-->
<section class="sec-moreless-padding">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12 bmargin">
<ul class="footer-payment-logo-list">
<li>
<h6>We Accept:</h6>
</li>
<li><img src="http://placehold.it/50x40" alt=""/></li>
<li><img src="http://placehold.it/50x40" alt=""/></li>
<li><img src="http://placehold.it/50x40" alt=""/></li>
<li><img src="http://placehold.it/50x40" alt=""/></li>
<li><img src="http://placehold.it/50x40" alt=""/></li>
</ul>
</div>
<!--end item-->
<div class="col-md-4 col-sm-12 col-xs-12 bmargin">
<ul class="footer-payment-logo-list">
<li>
<h6>Awards:</h6>
</li>
<li><img src="http://placehold.it/60x45" alt=""/></li>
<li><img src="http://placehold.it/60x45" alt=""/></li>
<li><img src="http://placehold.it/60x45" alt=""/></li>
</ul>
</div>
<!--end item-->
<div class="col-md-2 col-sm-12 col-xs-12 bottom-margin"> <a class="btn btn-green" href="#"><i class="fa fa-comments"></i> Live Chat</a> </div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<div class="clearfix"></div>
<div class="divider-line solid light"></div>
<section>
<div class="divider-line solid light opacity-1"></div>
<div class="container">
<div class="row">
<div class="col-md-12 text-center sec-moreless-padding"> <span>Copyright © 2019 <a href="https://1.envato.market/onda-html-by-codelayers">Onda</a> By <a href="https://1.envato.market/codelayers">Codelayers</a> | All rights reserved.</span></div>
</div>
</div>
</section>
<div class="clearfix"></div>
<!--end section-->
<a href="#" class="scrollup"></a><!-- end scroll to top of the page-->
</div>
<!--end site wrapper-->
</div>
<!--end wrapper boxed-->
<!-- Scripts -->
<script src="js/jquery/jquery.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="js/less/less.min.js" data-env="development"></script>
<!-- Scripts END -->
<!-- Template scripts -->
<script src="js/megamenu/js/main.js"></script>
<script src="js/owl-carousel/owl.carousel.js"></script>
<script src="js/owl-carousel/custom.js"></script>
<script>
$(window).load(function(){
setTimeout(function(){
$('.loader-live').fadeOut();
},1000);
})
</script>
<script src="js/owl-carousel/owl.carousel.js"></script>
<script src="js/owl-carousel/custom.js"></script>
<script src="js/tabs/js/responsive-tabs.min.js" type="text/javascript"></script>
<script src="js/parallax/jquery.parallax-1.1.3.js"></script>
<script src="js/functions/functions.js"></script>
</body>
</html>