File size: 25.53Kb
<!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> <a href="blog-full-width.html">Full Width</a> </li>
<li class="active"> <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 3 Columns</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-4">
<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>
<img src="http://placehold.it/1000x1000" alt="" class="img-responsive"/>
</div>
<div class="clearfix"></div>
<br/><br/>
<h4 class="uppercase title"><a href="#">Aliquam Rhoncus</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. </p>
<br/>
<br/>
<a class="btn btn-prim btn-medium btn-xround uppercase" href="#">Read more</a>
</div>
</div>
<!--end item-->
<div class="col-md-4">
<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>
<img src="http://placehold.it/1000x1000" alt="" class="img-responsive"/>
</div>
<div class="clearfix"></div>
<br/><br/>
<h4 class="uppercase title"><a href="#">Aliquam Rhoncus</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. </p>
<br/>
<br/>
<a class="btn btn-prim btn-medium btn-xround uppercase" href="#">Read more</a>
</div>
</div>
<!--end item-->
<div class="col-md-4">
<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>
<img src="http://placehold.it/1000x1000" alt="" class="img-responsive"/>
</div>
<div class="clearfix"></div>
<br/><br/>
<h4 class="uppercase title"><a href="#">Aliquam Rhoncus</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. </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>