<!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="topbar primary topbar-padding">
<div class="container">
<div class="topbar-left-items">
<ul class="toplist toppadding pull-left paddtop1">
<li class="rightl">Customer Care</li>
<li>(888) 123-4567</li>
</ul>
</div>
<!--end left-->
<div class="topbar-right-items pull-right">
<ul class="toplist toppadding">
<li class="lineright"><a href="#">Login</a></li>
<li class="lineright"><a href="#">Register</a></li>
<li>
<select id="source">
<option selected="selected" value="US"> United States</option>
<option value="FR">France</option>
<option value="DE">Germany</option>
<option value="IN">India</option>
<option value="JP">Japan</option>
<option value="RS">Serbia</option>
<option value="UK">United Kingdom</option>
<option value="BR">Brasil</option>
</select>
</li>
<li><a target="_blank" href="https://www.facebook.com/codelayers"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="https://twitter.com/codelayers"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="last"><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
<!--end topbar-->
<div class="col-md-12 nopadding">
<div class="header-section white 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-logo.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 active"> <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 class="active"> <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"> <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> <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>
<!-- START REVOLUTION SLIDER 5.0 -->
<div class="rev_slider_wrapper">
<!-- START REVOLUTION SLIDER 5.0 auto mode -->
<div id="rev_slider" class="rev_slider" data-version="5.0">
<ul>
<!-- SLIDE -->
<li data-index="rs-1" data-transition="fadefromright">
<!-- MAIN IMAGE -->
<img src="http://placehold.it/2000x1300" alt="" width="1920" height="1280">
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-1-layer-1"
data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','200','100','60']"
data-width="none" data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="1000"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> <img src="http://placehold.it/515x470" alt="" width="515" height="470" data-ww="['515','400','400','340']" data-hh="['470','365','365','310']" data-no-retina> </div>
<!-- LAYER NR. 1 -->
<div class="tp-caption offerbadge tp-resizeme"
id="slide-1-layer-2"
data-x="['left','left','left','left']" data-hoffset="['50','50','70','70']"
data-y="['top','top','top','top']" data-voffset="['190','190','120','70']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="1500"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> Starting at <br/>
<span class="price">$4.99</span><br/>
/mo</div>
<!-- LAYER NR. 1 -->
<div class="tp-caption offerbadge two tp-resizeme"
id="slide-1-layer-3"
data-x="['left','left','left','left']" data-hoffset="['180','190','180','180']"
data-y="['top','top','top','top']" data-voffset="['180','180','60','70']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> Up to <br/>
<span class="price two">50%</span><br/>
/Off </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption raleway white fweight-1 uppercase tp-resizeme"
id="slide-1-layer-4"
data-x="['left','left','left','left']" data-hoffset="['650','550','100','50']"
data-y="['top','top','top','top']" data-voffset="['170','130','550','350']"
data-fontsize="['60','60','60','40']"
data-lineheight="['70','70','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2500"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Dedicated</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption raleway white fweight-3 uppercase tp-resizeme"
id="slide-1-layer-5"
data-x="['left','left','left','left']" data-hoffset="['650','550','100','50']"
data-y="['top','top','top','top']" data-voffset="['220','180','600','400']"
data-fontsize="['60','60','60','40']"
data-lineheight="['70','70','70','40']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Servers</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption openSans list-icon text-white tp-resizeme"
id="slide-1-layer-6"
data-x="['left','left','left','left']" data-hoffset="['650','550','100','50']"
data-y="['top','top','top','top']" data-voffset="['310','290','700','450']"
data-fontsize="['14','14','26','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="3500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> Unlimited Disk Space </div>
<!-- LAYER NR. 7 -->
<div class="tp-caption openSans list-icon text-white tp-resizeme"
id="slide-1-layer-7"
data-x="['left','left','left','left']" data-hoffset="['650','550','100','50']"
data-y="['top','top','top','top']" data-voffset="['340','320','730','480']"
data-fontsize="['14','14','26','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="4000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> FREE Domain Registration </div>
<!-- LAYER NR. 8 -->
<div class="tp-caption openSans list-icon text-white tp-resizeme"
id="slide-1-layer-8"
data-x="['left','left','left','left']" data-hoffset="['650','550','100','50']"
data-y="['top','top','top','top']" data-voffset="['370','350','760','510']"
data-fontsize="['14','14','26','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="4500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> FREE Site-Building Tools </div>
<!-- LAYER NR. 9 -->
<div class="tp-caption openSans list-icon text-white tp-resizeme"
id="slide-1-layer-9"
data-x="['left','left','left','left']" data-hoffset="['650','550','100','50']"
data-y="['top','top','top','top']" data-voffset="['400','380','790','540']"
data-fontsize="['14','14','26','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="5000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> FREE Search Engine & Marketing </div>
<!-- LAYER NR. 10 -->
<div class="tp-caption rev-btn uppercase"
id="slide-1-layer-10"
data-x="['left','left','left','left']" data-hoffset="['630','520','50','0']"
data-y="['top','top','top','top']" data-voffset="['460','450','850','610']"
data-width="['auto']"
data-height="['auto']"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;s:1000;"
data-start="5500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-responsive="off"
style="z-index: 9;"><a href="#" class="btn btn-prim btn-xround">Get Started Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> </div>
</li>
<!-- SLIDE -->
<li data-index="rs-2" data-transition="fade">
<!-- MAIN IMAGE -->
<img src="http://placehold.it/2000x1300" alt="" width="1920" height="1280">
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-2-layer-1"
data-x="['left','left','center','center']" data-hoffset="['570','570','0','0']"
data-y="['top','top','top','top']" data-voffset="['180','300','100','100']"
data-width="none" data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="1000"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> <img src="http://placehold.it/640x450" alt="" width="640" height="450" data-ww="['640','452','640','360']" data-hh="['450','318','450','254']" data-no-retina> </div>
<!-- LAYER NR. 1 -->
<div class="tp-caption offerbadge tp-resizeme"
id="slide-2-layer-2"
data-x="['right','right','right','right']" data-hoffset="['50','50','70','70']"
data-y="['top','top','top','top']" data-voffset="['180','200','120','70']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="1500"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> Starting at <br/>
<span class="price">$4.99</span><br/>
/mo</div>
<!-- LAYER NR. 1 -->
<div class="tp-caption offerbadge two tp-resizeme"
id="slide-2-layer-3"
data-x="['right','right','right','right']" data-hoffset="['180','180','180','180']"
data-y="['top','top','top','top']" data-voffset="['170','190','60','70']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> Up to <br/>
<span class="price two">50%</span><br/>
/Off </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption raleway white fweight-1 uppercase tp-resizeme"
id="slide-2-layer-4"
data-x="['left','left','left','left']" data-hoffset="['50','50','100','50']"
data-y="['top','top','top','top']" data-voffset="['160','130','550','350']"
data-fontsize="['60','60','60','40']"
data-lineheight="['70','70','70','70']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="2500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; font-size: 30px; line-height: 30px;">Unlimited</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption raleway white fweight-3 uppercase tp-resizeme"
id="slide-2-layer-5"
data-x="['left','left','left','left']" data-hoffset="['50','50','100','50']"
data-y="['top','top','top','top']" data-voffset="['210','180','600','400']"
data-fontsize="['60','60','60','40']"
data-lineheight="['70','70','70','40']"
data-transform_idle="o:1;"
data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="3000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; font-size: 30px; line-height: 30px;">Web hosting</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption openSans list-icon text-grey tp-resizeme"
id="slide-2-layer-6"
data-x="['left','left','left','left']" data-hoffset="['50','50','100','50']"
data-y="['top','top','top','top']" data-voffset="['300','290','700','450']"
data-fontsize="['14','14','20','13']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="3500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> Unlimited Disk Space </div>
<!-- LAYER NR. 7 -->
<div class="tp-caption openSans list-icon text-grey tp-resizeme"
id="slide-2-layer-7"
data-x="['left','left','left','left']" data-hoffset="['50','50','100','50']"
data-y="['top','top','top','top']" data-voffset="['330','320','730','480']"
data-fontsize="['14','14','20','13']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="4000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> FREE Domain Registration </div>
<!-- LAYER NR. 8 -->
<div class="tp-caption openSans list-icon text-grey tp-resizeme"
id="slide-2-layer-8"
data-x="['left','left','left','left']" data-hoffset="['50','50','100','50']"
data-y="['top','top','top','top']" data-voffset="['360','350','760','510']"
data-fontsize="['14','14','20','13']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="4500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> FREE Site-Building Tools </div>
<!-- LAYER NR. 9 -->
<div class="tp-caption openSans list-icon text-grey tp-resizeme"
id="slide-2-layer-9"
data-x="['left','left','left','left']" data-hoffset="['50','50','100','50']"
data-y="['top','top','top','top']" data-voffset="['390','380','790','540']"
data-fontsize="['14','14','20','13']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="5000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap;"> <i class="fa fa-check"></i> FREE Search Engine & Marketing </div>
<!-- LAYER NR. 10 -->
<div class="tp-caption rev-btn uppercase"
id="slide-2-layer-10"
data-x="['left','left','left','left']" data-hoffset="['20','20','50','20']"
data-y="['top','top','top','top']" data-voffset="['450','430','850','610']"
data-width="['auto']"
data-height="['auto']"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;s:1000;"
data-start="5500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-responsive="off"
style="z-index: 9;"><a href="#" class="btn btn-prim btn-xround">Get Started Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> </div>
</li>
<!-- SLIDE -->
<li data-index="rs-3" data-transition="fadefromright">
<!-- MAIN IMAGE -->
<img src="http://placehold.it/2000x1300" alt="" width="1920" height="1280">
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-3-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['190','330','200','200']"
data-width="none" data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="1000"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> <img src="http://placehold.it/700x440" alt="" width="700" height="440" data-ww="['700','600','700','490']" data-hh="['440','377','440','308']" data-no-retina> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption offerbadge tp-resizeme"
id="slide-3-layer-2"
data-x="['left','left','left','left']" data-hoffset="['320','160','70','70']"
data-y="['top','top','top','top']" data-voffset="['300','290','220','170']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:right;s:1500;e:Power3.easeOut;"
data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;"
data-start="1500"
data-responsive_offset="on"
style="z-index: 5;text-transform:left;"> Starting at <br/>
<span class="price">$4.99</span><br/>
/mo</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption raleway white fweight-1 uppercase tp-resizeme"
id="slide-3-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['70','130','650','500']"
data-fontsize="['60','60','50','30']"
data-lineheight="['70','70','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Reliable and</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption raleway white fweight-3 uppercase tp-resizeme"
id="slide-3-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['120','180','700','540']"
data-fontsize="['60','60','50','30']"
data-lineheight="['70','70','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2500"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Affordable Web Hosting</div>
</li>
</ul>
</div>
<!-- END REVOLUTION SLIDER -->
</div>
<div class="clearfix"></div>
<!-- END OF SLIDER WRAPPER -->
<section class="sec-less-padding section-light">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12 col-xs-12 margin-bottom">
<ul class="tld-list dark">
<li> <span>.com</span> <span class="price text-normal">$11.99</span> </li>
<li> <span>.org</span> <span class="price text-normal">$9.99</span> </li>
<li> <span>.net</span> <span class="price text-normal">$7.99</span> </li>
</ul>
</div>
<!--end column-->
<div class="col-md-7 col-sm-12 col-xs-12">
<div class="domain-search-home-3 bottom-margin">
<form method="get" id="domain-searchform" action="domain-search.html">
<div>
<input class="input-text" name="dsearch" id="dsearch" value="Enter your Domain Name here..." onFocus="if (this.value == 'Enter your Domain Name here...') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Enter your Domain Name here...';}" type="text" />
<select class="drlist">
<option value=".com">.com</option>
<option value=".co">.co</option>
<option value=".net">.net</option>
<option value=".org">.org</option>
<option value=".biz">.biz</option>
<option value=".us.com">.us.com</option>
<option value=".us">.us</option>
<option value=".mobi">.mobi</option>
<option value=".info">.info</option>
</select>
<input id="search-submit" value="Search" type="submit" />
</div>
</form>
</div>
</div>
<!--end column-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="sec-padding">
<div class="container">
<div class="row">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-center">
<h5 class="font-weight-4 less-mar-1 ce-sub-title">Our Services</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span>What we offer</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-feature-box-1 margin-bottom">
<div class="icon-plain-msmall white center icon"><span class="icon-laptop"></span></div>
<br/>
<h4 class="text-white title">Unlimited Hosting</h4>
<p class="small-text text-white">Lorem ipsum dolor sit amet consectetuer et sit adipiscing justo.</p>
<div class="clearfix"></div>
<br/>
<a href="#">
<div class="btn-circle">+</div>
</a> </div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-feature-box-1 margin-bottom">
<div class="icon-plain-msmall white center icon"><span class="icon-layers"></span></div>
<br/>
<h4 class="text-white title">Dedicated Servers</h4>
<p class="text-white small-text">Lorem ipsum dolor sit amet consectetuer et sit adipiscing justo.</p>
<div class="clearfix"></div>
<br/>
<a href="#">
<div class="btn-circle">+</div>
</a> </div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-feature-box-1 active margin-bottom">
<div class="icon-plain-msmall white center icon"><span class="icon-profile-male"></span></div>
<br/>
<h4 class="text-white title">Reseller Hosting</h4>
<p class="text-white small-text">Lorem ipsum dolor sit amet consectetuer et sit adipiscing justo.</p>
<div class="clearfix"></div>
<br/>
<a href="#">
<div class="btn-circle">+</div>
</a> </div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-feature-box-1">
<div class="icon-plain-msmall white center icon"><span class="icon-lock"></span></div>
<br/>
<h4 class="text-white title">VPS Web Hosting</h4>
<p class="text-white small-text">Lorem ipsum dolor sit amet consectetuer et sit adipiscing justo.</p>
<div class="clearfix"></div>
<br/>
<a href="#">
<div class="btn-circle">+</div>
</a> </div>
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<div class="divider-line solid light"></div>
<section class="sec-padding">
<div class="container">
<div class="row">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-center">
<h5 class="font-weight-4 less-mar-1 ce-sub-title">What We Offer</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span>Our Services</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-global"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Web Site Management</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-layers"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Dedicated Servers</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2 active">
<div class="icon-plain-msmall left icon"><span class="icon-envelope"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Email Services</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-lightbulb"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Marketing Services</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-divider-margin-4"></div>
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-upload"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Domain Transfer</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-desktop"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Website Builder</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-profile-male"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">Reseller Hosting</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 bottom-margin">
<div class="ce-feature-box-2">
<div class="icon-plain-msmall left icon"><span class="icon-chat"></span></div>
<div class="text-box-right less-padding-2">
<h5 class="nopadding title">24/7 Support</h5>
<p class="padding-top-1">Lorem ipsum dolor sit amet, consectetuer elit Suspendisse et dolor sit amet justo</p>
</div>
</div>
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="parallax-3">
<div class="container-fluid nopadding">
<div class="parallax-overlay primary">
<div class="container sec-tpadding-3 sec-bpadding-3">
<div class="row">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-center">
<h5 class="font-weight-4 less-mar-1 ce-sub-title white">Our Plans</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span class="text-white">Our Pricing</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-price-table-1 margin-bottom no-position ">
<div class="inner-box">
<h3 class="less-mar-1 font-weight-4 title">Basic</h3>
<div class="price-circle">
<div class="price"> <sup>$</sup> 9.99 </div>
<i>/mo</i> </div>
<br>
<ul class="plan_features">
<li>1 GB Bandwidth</li>
<li class="highlight">256 MB Memory</li>
<li>256 MB Memory</li>
<li>Free Domain Name</li>
</ul>
<div class="clearfix"></div>
<br/><br/>
<a href="#" class="btn btn-border primary btn-xround uppercase border-1x">Order Now</a>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-price-table-1 margin-bottom no-position ">
<div class="inner-box">
<h3 class="less-mar-1 font-weight-4 title">Business</h3>
<div class="price-circle">
<div class="price"> <sup>$</sup> 9.99 </div>
<i>/mo</i> </div>
<br>
<ul class="plan_features">
<li>1 GB Bandwidth</li>
<li class="highlight">256 MB Memory</li>
<li>256 MB Memory</li>
<li>Free Domain Name</li>
</ul>
<div class="clearfix"></div>
<br/><br/>
<a href="#" class="btn btn-border primary btn-xround uppercase border-1x">Order Now</a>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-price-table-1 margin-bottom no-position active ">
<div class="inner-box">
<h3 class="less-mar-1 font-weight-4 title">Standard</h3>
<div class="price-circle">
<div class="price"> <sup>$</sup> 9.99 </div>
<i>/mo</i> </div>
<br>
<ul class="plan_features">
<li>1 GB Bandwidth</li>
<li class="highlight">256 MB Memory</li>
<li>256 MB Memory</li>
<li>Free Domain Name</li>
</ul>
<div class="clearfix"></div>
<br/><br/>
<a href="#" class="btn btn-prim uppercase btn-xround border-1x">Order Now</a>
</div>
</div>
</div>
<!--end item-->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="ce-price-table-1 margin-bottom no-position ">
<div class="inner-box">
<h3 class="less-mar-1 font-weight-4 title">Unlimited</h3>
<div class="price-circle">
<div class="price"> <sup>$</sup> 9.99 </div>
<i>/mo</i> </div>
<br>
<ul class="plan_features">
<li>1 GB Bandwidth</li>
<li class="highlight">256 MB Memory</li>
<li>256 MB Memory</li>
<li>Free Domain Name</li>
</ul>
<div class="clearfix"></div>
<br/><br/>
<a href="#" class="btn btn-border primary btn-xround uppercase border-1x">Order Now</a>
</div>
</div>
</div>
<!--end item-->
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<!--end section-->
<section class="section-side-image section-light clearfix">
<div class="img-holder col-md-6 col-sm-3 pull-left">
<div class="background-imgholder" style="background:url(http://placehold.it/1500x960);"><img class="nodisplay-image" src="http://placehold.it/1500x960" alt=""/> </div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-6 col-sm-9 col-sm-offset-3 text-inner-2 clearfix align-left">
<div class="text-box">
<div class="ce-feature-box-37">
<h1>justo Praesent mattis commodo elit. </h1>
<h6>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis augue.</h6>
<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</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue Aliquam ornare hendrerit.</p>
<div class="clearfix"></div>
<br/><br/>
<a class="btn btn-prim btn-xround uppercase" href="#">Read More</a>
</div>
<!--end feature box-->
</div>
</div>
</div>
</div>
</section>
<div class=" clearfix"></div>
<!--end section-->
<section class="sec-padding">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-left">
<h5 class="font-weight-4 less-mar-1 ce-sub-title">Website Builder</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span>Create a Website</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="ce-feature-box-8">
<div class="iconbox-small outline-gray-2 left round icon"><span class="icon-lightbulb"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4">Pick a Design</h4>
<p>Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end featurebox-->
<div class="col-divider-margin-4"></div>
<div class="ce-feature-box-8">
<div class="iconbox-small outline-gray-2 left round icon"><span class="icon-tools"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4">Customize Your Website</h4>
<p>Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end featurebox-->
<div class="clearfix"></div>
<br/>
<br/>
<a class="btn btn-prim btn-xround uppercase" href="#">View All Designs</a> <a class="btn btn-border primary btn-xround border-1x uppercase" href="#">Sign Up Now!</a> </div>
<!--end item-->
<div class="col-md-7"> <img src="http://placehold.it/670x500" alt="" class="img-responsive"/> </div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="sec-padding section-primary">
<div class="container">
<div class="row">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-center">
<h5 class="font-weight-4 less-mar-1 ce-sub-title white">get unlimited features</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span class="text-white">awesome features</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="col-md-4 col-sm-12 col-xs-12 margin-bottom">
<div class="col-divider-margin-3"></div>
<div class="ce-feature-box-7">
<div class="iconbox-small outline-gray-2 left round icon"><span class="icon-desktop"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4 text-white">Free Website Builder</h4>
<p class="text-sm-transparent-6">Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end featurebox-->
<div class="col-divider-margin-6"></div>
<div class="ce-feature-box-7">
<div class="iconbox-small outline-gray-2 left round icon"><span class="icon-upload"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4 text-white">Unlimited Transfer</h4>
<p class="text-sm-transparent-6">Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end featurebox-->
</div>
<!--end item-->
<div class="col-md-4 col-sm-12 col-xs-12 margin-bottom"> <img src="http://placehold.it/600x550" alt="" class="img-responsive"/> </div>
<!--end item-->
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="col-divider-margin-3"></div>
<div class="ce-feature-box-7">
<div class="iconbox-small outline-gray-2 left round icon"><span class="icon-search"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4 text-white">Search Optimisation</h4>
<p class="text-sm-transparent-6">Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end featurebox-->
<div class="col-divider-margin-6"></div>
<div class="ce-feature-box-7">
<div class="iconbox-small outline-gray-2 left round icon"><span class="icon-pencil"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4 text-white">Free Website Tools</h4>
<p class="text-sm-transparent-6">Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end featurebox-->
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="sec-padding section-light">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="ce-feature-box-9-main">
<div class="ce-feature-box-9 margin-bottom"> <img src="http://placehold.it/1000x800" alt="" class="img-responsive"/> </div>
</div>
</div>
<!--end item-->
<div class="col-md-5 padding-left-4">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-left">
<h5 class="font-weight-4 less-mar-1 ce-sub-title">Earn money by affiliate</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span>Affiliate programe</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="iconbox-smedium white left round icon"><span class="icon-laptop text-primary"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4">Sign Up</h4>
<p>Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
<div class="col-divider-margin-4"></div>
<div class="iconbox-smedium white left round icon"><span class="icon-profile-male text-primary"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4">Refer Customer</h4>
<p>Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
<div class="col-divider-margin-4"></div>
<div class="iconbox-smedium white left round icon"><span class="icon-linegraph text-primary"></span></div>
<div class="text-box-right">
<h4 class="less-mar-4">Earn Money</h4>
<p>Lorem ipsum dolor sit amet sit et justo elit dolor consectetuer.</p>
</div>
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="sec-padding">
<div class="container">
<div class="row">
<div class="col-md-6 margin-bottom">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-left">
<h5 class="font-weight-4 less-mar-1 ce-sub-title">Most popular</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span>Top Services</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="ce-feature-box-12">
<div class="iconbox-small left round icon">
<h3 class="num font-weight-1 padding-top-1">1.</h3>
</div>
<div class="text-box-right">
<h4 class="less-mar-4">Web Site Management</h4>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue.</p>
</div>
</div>
<!--end featurebox-->
<div class="col-divider-margin-4"></div>
<div class="ce-feature-box-12">
<div class="iconbox-small left round icon">
<h3 class="num font-weight-1 padding-top-1">2.</h3>
</div>
<div class="text-box-right">
<h4 class="less-mar-4">Domain Services</h4>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue.</p>
</div>
</div>
<!--end featurebox-->
<div class="col-divider-margin-4"></div>
<div class="ce-feature-box-12">
<div class="iconbox-small left round icon">
<h3 class="num font-weight-1 padding-top-1">3.</h3>
</div>
<div class="text-box-right">
<h4 class="less-mar-4">Marketing Services</h4>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue.</p>
</div>
</div>
<!--end featurebox-->
</div>
<!--end item-->
<div class="col-md-6 col-sm-12 col-xs-12 margin-bottom">
<div class="col-xs-12 nopadding">
<div class="sec-title-container text-left">
<h5 class="font-weight-4 less-mar-1 ce-sub-title">What we Do</h5>
<h3 class="uppercase font-weight-7 nopadding ce-title less-mar-1"><span>Why Choose Us</span></h3>
</div>
</div>
<div class="clearfix"></div>
<!--end title-->
<div class="tab-navbar-main-style-7 tabstyle-7">
<ul class="responsive-tabs">
<li><a href="#example-7-tab-1" target="_self">
<div class="tab-navicon"></div>
Home Pages</a></li>
<li><a href="#example-7-tab-2" target="_self">
<div class="tab-navicon"></div>
Psd Files </a></li>
<li><a href="#example-7-tab-3" class="no-border" target="_self">
<div class="tab-navicon"></div>
Branding</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="tab-content-style-7">
<div class="responsive-tabs-content">
<div id="example-7-tab-1" class="responsive-tabs-panel">
<div class="responsive-tab-title ttitle"></div>
<br/>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="ce-feature-box-13">
<div class="img-box"><img src="http://placehold.it/600x600" alt="" class="img-responsive"/></div>
</div>
</div>
<!--end item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<h6>Lorem ipsum dolor sit amet consectetuer sit amet elit .</h6>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit et justo Praesent mattis commodo.</p>
<p>consectetuer adipiscing elit et justo Praesent mattis commodo.</p>
<a href="#">
<div class="tab-btn-circle primary">+</div>
</a> </div>
<!--end item-->
</div>
<!--end panel 1-->
<div class="clearfix"></div>
<br/>
<div id="example-7-tab-2" class="responsive-tabs-panel">
<div class="responsive-tab-title ttitle"></div>
<br/>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="ce-feature-box-13">
<div class="img-box"><img src="http://placehold.it/600x600" alt="" class="img-responsive"/></div>
<div class="bottom-box"></div>
</div>
</div>
<!--end item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<h6>Lorem ipsum dolor sit amet consectetuer sit amet elit .</h6>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit et justo Praesent mattis commodo.</p>
<p>consectetuer adipiscing elit et justo Praesent mattis commodo.</p>
<a href="#">
<div class="tab-btn-circle primary">+</div>
</a> </div>
<!--end item-->
</div>
<!--end panel 2-->
<div class="clearfix"></div>
<br/>
<div id="example-7-tab-3" class="responsive-tabs-panel">
<div class="responsive-tab-title ttitle"></div>
<br/>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="ce-feature-box-13">
<div class="img-box"><img src="http://placehold.it/600x600" alt="" class="img-responsive"/></div>
<div class="bottom-box"></div>
</div>
</div>
<!--end item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<h6>Lorem ipsum dolor sit amet consectetuer sit amet elit .</h6>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit et justo Praesent mattis commodo.</p>
<p>consectetuer adipiscing elit et justo Praesent mattis commodo.</p>
<a href="#">
<div class="tab-btn-circle primary">+</div>
</a> </div>
<!--end item-->
</div>
<!--end panel 3-->
</div>
</div>
<!--end column-->
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="sec-padding section-light">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="ce-feature-box-14 margin-bottom">
<div class="icon-plain-small left"><span class="icon-hotairballoon"></span></div>
<div class="text-box-right less-padding-1">
<h4>Transfer Your Website</h4>
<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.</p>
<br/>
<a class="read-more" href="#">Read more <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> </div>
</div>
</div>
<!--end item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="ce-feature-box-14 no-border padd-left margin-bottom">
<div class="icon-plain-small left"><span class="icon-chat"></span></div>
<div class="text-box-right less-padding-1">
<h4>Let us Help You</h4>
<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.</p>
<br/>
<a class="read-more" href="#">Read more <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> </div>
</div>
</div>
<!--end item-->
</div>
</div>
</section>
<div class="clearfix"></div>
<!-- end section -->
<section class="parallax-2">
<div class="container-fluid nopadding">
<div class="parallax-overlay primary">
<div class="container sec-tpadding-4 sec-bpadding-3">
<div class="row slide-controls-3">
<div id="owl-demo2" class="owl-carousel owl-theme">
<div class="item">
<div class="col-md-6">
<div class="ce-feature-box-15">
<div class="offer-badge">Start at <br/>
<span>$12</span></div>
<br/>
<img src="http://placehold.it/1000x600" alt="" class="img-responsive"/> </div>
</div>
<!--end item-->
<div class="col-md-6">
<div class="ce-feature-box-16">
<h1 class="text-white">Get up to</h1>
<h1 class="text-big uppercase text-white"><span class="text-dark">25%</span> Off <br/>
on hosting</h1>
<h6 class="text-sm-transparent-6">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare.</h6>
<br/>
<a class="btn btn-dark btn-xround uppercase" href="#">Read more</a> </div>
</div>
<!--end item-->
</div>
<!--end carousel item-->
<div class="item">
<div class="col-md-6">
<div class="ce-feature-box-15">
<div class="offer-badge">Start at <br/>
<span>$12</span></div>
<img src="http://placehold.it/670x500" alt="" class="img-responsive"/> </div>
</div>
<!--end item-->
<div class="col-md-6">
<div class="ce-feature-box-16">
<h1 class="text-white">Get Free</h1>
<h1 class="text-big uppercase text-white">Web Site<br/>
Builder</h1>
<h6 class="text-sm-transparent-6">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare.</h6>
<br/>
<a class="btn btn-second uppercase" href="#">Read more</a> </div>
</div>
<!--end item-->
</div>
<!--end carousel item-->
</div>
<!--end carousel-->
</div>
</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>
<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS
(Load Extensions only on Local File Systems !
The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script>
<script type="text/javascript">
var tpj=jQuery;
var revapi4;
tpj(document).ready(function() {
if(tpj("#rev_slider").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider");
}else{
revapi4 = tpj("#rev_slider").show().revolution({
sliderType:"standard",
jsFileLocation:"js/revolution-slider/js/",
sliderLayout:"auto",
dottedOverlay:"none",
delay:9000,
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
onHoverStop:"off",
arrows: {
style:"erinyen",
enable:true,
hide_onmobile:true,
hide_under:778,
hide_onleave:true,
hide_delay:200,
hide_delay_mobile:1200,
tmp:'',
left: {
h_align:"left",
v_align:"center",
h_offset:80,
v_offset:0
},
right: {
h_align:"right",
v_align:"center",
h_offset:80,
v_offset:0
}
}
,
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
,
},
viewPort: {
enable:true,
outof:"pause",
visible_area:"80%"
},
responsiveLevels:[1240,1024,778,480],
gridwidth:[1240,1024,778,480],
gridheight:[640,768,1050,800],
lazyType:"smart",
parallax: {
type:"mouse",
origo:"slidercenter",
speed:2000,
levels:[2,3,4,5,6,7,12,16,10,50],
},
shadow:0,
spinner:"off",
stopLoop:"off",
stopAfterLoops:-1,
stopAtSlide:-1,
shuffle:"off",
autoHeight:"off",
hideThumbsOnMobile:"off",
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
disableProgressBar:"on",
debugMode:false,
fallbacks: {
simplifyAll:"off",
nextSlideOnWindowFocus:"off",
disableFocusListener:false,
}
});
}
}); /*ready*/
</script>
<script>
$(window).load(function(){
setTimeout(function(){
$('.loader-live').fadeOut();
},1000);
})
</script>
<script src="js/parallax/jquery.parallax-1.1.3.js"></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/functions/functions.js"></script>
</body>
</html>