<!doctype html>
<html>
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home Two — Super Host</title>
<!-- Dependency Styles -->
<link rel="stylesheet" href="dependencies/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/font-awesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/swiper/css/swiper.css" type="text/css">
<link rel="stylesheet" href="dependencies/wow/css/animate.css" type="text/css">
<link rel="stylesheet" href="dependencies/slimmenu/css/slimmenu.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/revslider/css/settings.css" type="text/css">
<link rel="stylesheet" href="dependencies/rangeslider.js/css/rangeslider.css" type="text/css">
<!-- Site Stylesheet -->
<link rel="stylesheet" href="assets/css/app.css" type="text/css">
<!-- Google Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800" rel="stylesheet">
</head>
<body id="home-version-1" class="home" data-style="default">
<div id="loader">
<div class='loader loader--glisteningWindow'></div>
</div>
<div class="search">
<button id="btn-search-close" class=" btn--search-close" aria-label="Close search form"><i class="fa fa-times" aria-hidden="true"></i></button>
<form class="search__form" action="">
<input class="search__input" name="search" type="search" placeholder="Search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<span class="search__info">Hit enter to search or ESC to close</span>
</form>
</div>
<div id="site">
<!--=========================-->
<!--= Navbar =-->
<!--=========================-->
<header id="header" class="header-two">
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
</div>
</div>
<!-- /.col-md-7 -->
<div class="col-sm-6">
<div class="login text-right">
<a href="login.html">Login</a>
<a href="sign-up.html">Sign Up</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
</div>
<!-- /.top-menu -->
<nav class="navbar">
<div class="container">
<a class="logo-fixed" href="index.html"><img src="assets/img/logo-fixed.png" alt="logo"></a>
<ul class="slimmenu" id="navigation">
<li class="active">
<a href="index.html">Home</a>
<ul class="child-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index-two.html">Home 2</a></li>
<li><a href="index-three.html">Home 3</a></li>
<li><a href="index-four.html">Home 4</a></li>
</ul>
</li>
<li>
<a href="#about">Hosting</a>
<ul class="child-menu">
<li><a href="web-hosting.html">Web Hosting</a></li>
<li><a href="vps-hosting.html">Vps Hosting</a></li>
<li><a href="dedicated-hosting.html">Dedicated Hosting</a></li>
<li><a href="shared-hosting.html">Shared Hosting</a></li>
</ul>
</li>
<li>
<a href="#contact">Domain</a>
<ul class="child-menu">
<li><a href="domain-search.html">Domain Search</a></li>
<li><a href="domain-transfer.html">Domain Transfer</a></li>
</ul>
</li>
<li><a href="our-team.html">Team</a></li>
<li>
<a href="#contact">News</a>
<ul class="child-menu">
<li><a href="news-full-width.html">News Full Width</a></li>
<li><a href="news-grid.html">News Grid</a></li>
<li><a href="news-general-one.html">News General One</a></li>
<li><a href="news-general-two.html">News General Two</a></li>
<li><a href="news-single.html">News Single</a></li>
</ul>
</li>
<li>
<a href="#contact">Pages</a>
<ul class="child-menu">
<li><a href="support.html">Support</a></li>
<li><a href="data-center.html">Data Center</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li class="top-contact">
<a href="#"><i class="fa fa-comments-o"></i> Live Chat</a>
<a href="#"> <i class="fa fa-phone"></i>+1 235 222 777</a>
</li>
</ul>
</div>
<!-- /.container -->
</nav>
</header>
<!-- /#header -->
<!--==========================-->
<!--= banner =-->
<!--==========================-->
<section id="rev-slider">
<div id="rev_slider_wrapper" class="rev_slider_wrapper fullscreen-container">
<div id="rev_slider_2" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.3.0.2">
<ul>
<!-- SLIDE -->
<li data-index="rs-2973" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-saveperformance="off"
data-title="Slide Two" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="media/banner/2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme" id="slide-45-layer-14" data-x="['right','right','center','center']" data-hoffset="['40','50','0','0']" data-y="['middle','top','bottom','top']" data-voffset="['60','258','66','465']" data-width="none" data-height="none"
data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]' data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:300;" data-mask_in="x:0px;y:0px;" data-start="1000" data-responsive_offset="on" style="z-index: 9;"><img src="media/banner/7.png" alt="" data-ww="['410px','370px','350px','300px']" data-hh="['320px','300px','300px','220px']" data-no-retina> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption rev-two-subtitle tp-resizeme" id="slide-45-layer-11" data-x="['left','left','left','left']" data-hoffset="['40','50','90','20']" data-y="['top','top','top','top']" data-voffset="['260','180','161','86']" data-fontsize="['20','20','20','18']"
data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":0,"speed":1700,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-mask_in="x:0px;y:[100%];" data-start="3950" data-splitin="none" data-splitout="none" data-responsive_offset="on"
style="z-index: 12; white-space: nowrap;text-transform:left;font-weight:700;color:#FFF;text-transform: uppercase;letter-spacing:3px;">Build your dream with</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption rev-two-title tp-resizeme" id="slide-45-layer-12" data-x="['left','left','left','left']" data-hoffset="['40','50','90','20']" data-y="['top','top','top','top']" data-voffset="['311','233','199','103']" data-fontsize="['60','55','55','40']"
data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":800,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="y:50px;opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="3950" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 11; white-space: nowrap;text-transform:left;font-weight:700;color:#FFF;text-transform: uppercase;text-shadow: 0px 4px 0px rgba(255, 255, 255, 0.35);">VPS WEB HOSTING </div>
<!-- LAYER NR. 4 -->
<div class="tp-caption WebProduct-Content-Light tp-resizeme" id="slide-45-layer-13" data-x="['left','left','left','left']" data-hoffset="['40','50','90','20']" data-y="['top','top','top','top']" data-voffset="['397','309','280','175']" data-fontsize="['14','14','16','14']"
data-lineheight="['30','22','22','22']" data-fontweight="['700','400','400','400']" data-width="['560','550','400','350']" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="y:50px;opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="3950" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 13; min-width: 350px; max-width: 350px; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; white-space: normal;text-transform:left;color:#FFF;">Nulla porttitor accumsan tincidunt. Vivamus suscipit tortor eget<br> felis porttitor volutpat.Vestibulum ante ipsum </div>
<!-- LAYER NR. 5 -->
<div class="tp-caption rev-feature tp-resizeme" id="slide-45-layer-15" data-x="['left','left','left','left']" data-hoffset="['40','50','90','20']" data-y="['top','top','top','top']" data-voffset="['471','376','342','226']" data-width="none" data-height="none"
data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":1200,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="y:50px;opacity:0;s:500;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="3950" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 10; white-space: nowrap; font-size: 14px; line-height: 36px; font-weight: 300; color: rgba(255, 255, 255, 1.00);"><i class="fa fa-angle-right"></i>Fully Managed Dedicated Server <br>
<i class="fa fa-angle-right"></i>FREE Domain Registration<br>
<i class="fa fa-angle-right"></i>FREE Search Engine & Marketing Credits </div>
<!-- LAYER NR. 6 -->
<div class="tp-caption dt-btn rev-btn " id="slide-45-layer-8" data-x="['left','left','left','left']" data-hoffset="['40','50','90','20']" data-y="['middle','middle','top','top']" data-voffset="['200','164','471','358']" data-fontsize="['17','17','14','14']"
data-lineheight="['25','25','15','20']" data-width="['none','none','none','174']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="button" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-2947","delay":""}]'
data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":1500,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,12,10]" data-paddingright="[30,30,20,15]" data-paddingbottom="[10,10,12,10]" data-paddingleft="[30,30,15,10]" style="z-index: 14; white-space: nowrap;text-transform:left;letter-spacing:1px;">LEARN MORE </div>
</li>
<li data-index="rs-2975" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-saveperformance="off"
data-title="Slide Two" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="media/banner/6.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 5 -->
<div class="tp-caption rv-slider-three-upsub tp-resizeme" id="slide-46-layer-16" data-x="['left','left','left','left']" data-hoffset="['49','35','27','38']" data-y="['top','top','top','top']" data-voffset="['311','239','181','89']" data-fontsize="['30','30','25','25']"
data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":700,"speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-start="3000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 9; white-space: nowrap; font-weight: 100; color: #FFF; font-weight: 600;">Best Price All Around </div>
<!-- LAYER NR. 6 -->
<div class="tp-caption Sports-DisplayFat tp-resizeme" id="slide-46-layer-17" data-x="['left','left','left','left']" data-hoffset="['50','31','26','38']" data-y="['middle','middle','middle','top']" data-voffset="['-20','-30','-203','124']" data-fontsize="['60','60','55','45']"
data-lineheight="['65','65','65','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":1200,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-start="3000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 10; white-space: nowrap; font-size: 60px; line-height: 65px; color: #FFF; font-weight: 700;">Hosting Stating<br> from $3.50/month </div>
<!-- LAYER NR. 1 -->
<div class="tp-caption rv-slider-three tp-resizeme" id="slide-46-layer-9" data-x="['left','left','left','left']" data-hoffset="['50','37','34','41']" data-y="['middle','middle','top','top']" data-voffset="['100','75','364','236']" data-fontsize="['16','16','16','20']"
data-lineheight="['24','24','24','22']" data-width="['448','356','334','400']" data-height="['none','none','76','68']" data-whitespace="normal" data-transform_idle="o:1;" data-frames='[{"delay":1400,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 448px; max-width: 448px; white-space: normal;color: #ccc; font-weight: 300;">We provide the best class 24/7 support <br> To all yourBusiness </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption WebProduct-Button rev-btn " id="slide-46-layer-8" data-x="['left','left','left','left']" data-hoffset="['51','40','38','46']" data-y="['middle','middle','top','top']" data-voffset="['200','155','447','314']" data-fontsize="['17','17','16','14']"
data-lineheight="['50','50','48','48']" data-fontweight="['600','600','400','400']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Linear.easeNone;"
data-style_hover="c:rgba(51, 51, 51, 1.00);bg:rgba(255, 255, 255, 1.00);" data-type="button" data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]' data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":1600,"speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[40,30,30,30]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[40,30,30,30]" style="z-index: 18; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(41, 106, 245, 1.00);border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:2px;cursor:pointer;">START NOW</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme" id="slide-46-layer-12" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']" data-voffset="['100','100','100','100']" data-width="none" data-height="none"
data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="3000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);">
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme" id="slide-46-layer-15" data-x="['left','left','left','left']" data-hoffset="['744','635','33','32']" data-y="['middle','middle','top','top']" data-voffset="['50','20','564','425']" data-width="none" data-height="none"
data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]' data-start="3000" data-responsive_offset="on"
style="z-index: 8;"><img src="media/banner/6.png" alt="" data-ww="['480px','480px','450px','350px']" data-hh="['330px','330px','320px','270px']" data-no-retina> </div>
</li>
<li data-index="rs-47" data-transition="parallaxhorizontal" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Easy to Use"
data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="media/banner/7.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme" id="slide-47-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['334','260','324','224']" data-fontsize="['30','30','25','25']"
data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="1750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap; font-size: 40px; line-height: 40px; font-weight: 700; color: rgba(255, 255, 255, 1.00);">Best Plan For Your </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme" id="slide-47-layer-10" data-x="['center','center','center','center']" data-hoffset="['7','0','0','-1']" data-y="['middle','middle','top','top']" data-voffset="['0','-28','370','264']" data-fontsize="['90','80','70','50']"
data-lineheight="['80','80','60','60']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":1200,"speed":1000,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="1750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-size: 90px; line-height: 70px; font-weight: 700; color: rgba(255, 255, 255, 1.00);">YOUR BUSINESS </div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme" id="slide-47-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','-33']" data-y="['top','top','top','top']" data-voffset="['516','429','458','336']" data-width="['none','none','none','370']"
data-height="none" data-textAlign="['center','center','center','center']" data-whitespace="nowrap" data-transform_idle="o:1;" data-frames='[{"delay":1400,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="1750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);">Best Solution for all type of Business & technical<br> freedom with Multi-Host </div>
<!-- LAYER NR. 1 -->
<div class="tp-caption WebProduct-Button rev-btn " id="slide-47-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','top','top']" data-voffset="['188','143','544','425']" data-width="none"
data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]' data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":1600,"speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[40,30,30,30]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[40,30,30,30]" style="z-index: 18; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 700; color: rgba(255, 255, 255, 1.00); background-color:rgba(41, 106, 245, 1.00);border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:2px;cursor:pointer;">CONTINUE </div>
</li>
</ul>
</div>
</div>
<!-- END REVOLUTION SLIDER -->
</section>
<!-- /#rev-slider -->
<!--==========================-->
<!--= Domain =-->
<!--==========================-->
<section id="domain">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="domain">
<p>Search your</p>
<h2>Domain<br>Name</h2>
</div>
<div class="domain-price">
<ul class="price">
<li>.com $ 6.99</li>
<li>.net $ 4.99</li>
<li>.co $ 2.99</li>
<li>.org $ 4.99</li>
</ul>
<div class="domain-details">
<p>Bulk Domain Search</p>
<p>Transfer Domain</p>
</div>
</div>
</div>
<!-- /.col-md-7 -->
<div class="col-md-5">
<form action="#" id="domain-search-form">
<input type="text" placeholder="Search Domain">
<select name="select" id="select">
<option>.com</option>
<option>.net</option>
<option>.org</option>
<option>.in</option>
<option>.info</option>
</select>
<button type="submit" class="sea-btn">
<i class="fa fa-long-arrow-right"></i>
</button>
</form>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!--==========================-->
<!--= Feature =-->
<!--==========================-->
<section id="feature">
<div class="container">
<div class="section-details border-none wow animated fadeInUp" data-wow-duration="1500ms">
<div class="section-title-two text-center">
<h2>Our Features</h2>
<h5>What we Have</h5>
<span>O</span>
</div>
<!-- /.section-title -->
<div class="section-caption text-center">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy <br>eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<div class="feature row wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="feature-item border-br">
<div class="feature-header">
<div class="feature-icon">
<img src="media/feature/1.png" alt="feature">
</div>
<div class="feature-title">
<h3>Free Domain Transfer</h3>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.feature-item -->
</div>
</div>
<!-- /.col-md-4 col-sm-6 row -->
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="feature-item border-br">
<div class="feature-header">
<div class="feature-icon">
<img src="media/feature/2.png" alt="feature">
</div>
<div class="feature-title">
<h3>Free Domain Transfer</h3>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.feature-item -->
</div>
</div>
<!-- /.col-md-4 col-sm-6 row -->
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="feature-item border-br border-none">
<div class="feature-header">
<div class="feature-icon">
<img src="media/feature/3.png" alt="feature">
</div>
<div class="feature-title">
<h3>Free Domain Transfer</h3>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.feature-item -->
</div>
</div>
<!-- /.col-md-4 col-sm-6 row -->
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="feature-item border-right">
<div class="feature-header">
<div class="feature-icon">
<img src="media/feature/4.png" alt="feature">
</div>
<div class="feature-title">
<h3>Free Domain Transfer</h3>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.feature-item -->
</div>
</div>
<!-- /.col-md-4 col-sm-6 row -->
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="feature-item border-right">
<div class="feature-header">
<div class="feature-icon">
<img src="media/feature/5.png" alt="feature">
</div>
<div class="feature-title">
<h3>Free Domain Transfer</h3>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.feature-item -->
</div>
</div>
<!-- /.col-md-4 col-sm-6 row -->
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="feature-item border-right border-none">
<div class="feature-header">
<div class="feature-icon">
<img src="media/feature/6.png" alt="feature">
</div>
<div class="feature-title">
<h3>Free Domain Transfer</h3>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.feature-item -->
</div>
</div>
<!-- /.col-md-4 col-sm-6 row -->
</div>
<!-- /.feature -->
</div>
<!-- /.container -->
</section>
<!-- /#feature -->
<!--==========================-->
<!--= Pricing =-->
<!--==========================-->
<section id="pricing_two" data-bg-image="media/background/2.jpg" data-parallax="image">
<div class="container">
<div class="section-title-two title-color-white text-center wow animated fadeInUp" data-wow-duration="1500ms">
<h2>Pricing Plan</h2>
<h5>CHOOSE YOUR VPS</h5>
<span>P</span>
</div>
<!-- /.section-title -->
<p class="section-caption color-white text-center">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br>eirmod tempor invidunt ut labore et dolore.
</p>
<div class="pricing-plan wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="price-control">
<input type="range" min="1" max="4" step="1" value="2">
<span class="border1"></span>
<span class="border2"></span>
<span class="border3"></span>
<span class="border4"></span>
</div>
<!-- /.price-control -->
<div class="price-plan">
<div class="price-item item1">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Disk Space</li>
<li class="config-space">1000GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Ram</li>
<li class="config-space">1GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Cpu</li>
<li class="config-space">1CORE</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Bandwidth</li>
<li class="config-space">10000GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
</div>
<div class="item-price text-center">
<h3>
$50.00/<span>month</span>
</h3>
<a href="#0" class="dt-btn">Buy Now <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.price-item -->
<div class="price-item item2 active">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Disk Space</li>
<li class="config-space">2000GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Ram</li>
<li class="config-space">2GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Cpu</li>
<li class="config-space">3CORE</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Bandwidth</li>
<li class="config-space">20000GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
</div>
<div class="item-price text-center">
<h3>
$99.50/<span>month</span>
</h3>
<a href="#0" class="dt-btn">Buy Now <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.price-item -->
<div class="price-item item3">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Disk Space</li>
<li class="config-space">2500GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Ram</li>
<li class="config-space">4GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Cpu</li>
<li class="config-space">4CORE</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Bandwidth</li>
<li class="config-space">10000GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
</div>
<div class="item-price text-center">
<h3>
$120.50/<span>month</span>
</h3>
<a href="#0" class="dt-btn">Buy Now <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.price-item -->
<div class="price-item item4">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Disk Space</li>
<li class="config-space">3000GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Ram</li>
<li class="config-space">10GB</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Cpu</li>
<li class="config-space">10CORE</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
<div class="col-md-3 col-sm-3 col-xs-3">
<ul class="config">
<li class="config-head">Bandwidth</li>
<li class="config-space">Unlimited</li>
</ul>
</div>
<!-- /.col-md-3 col-sm-3 col-xs-3 -->
</div>
<div class="item-price text-center">
<h3>
$150.50/<span>month</span>
</h3>
<a href="#0" class="dt-btn">Buy Now <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.price-item -->
</div>
<!-- /.price-plan -->
</div>
</div>
</section>
<!-- /#pricing_two -->
<!--==========================-->
<!--= Offer =-->
<!--==========================-->
<section id="offer">
<div class="container">
<div class="section-details border-none">
<div class="section-title-two text-center">
<h2>What we Offer More</h2>
<h5>Most Popular Hosting Plans</h5>
<span>W</span>
</div>
<!-- /.section-title -->
<div class="section-caption text-center">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy <br>eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.section-details -->
<div class="tab">
<div class="row">
<div class="col-md-2">
<div class="row">
<ul class="tabs tabs-two">
<li><a href="#">Domain Transfer </a></li>
<li><a href="#">Dns Control</a></li>
<li><a href="#">Unlimited Bandwidth</a></li>
<li><a href="#">Website Builder</a></li>
<li><a href="#">Speed Optimization</a></li>
<li><a href="#">Shared Hosting</a></li>
</ul>
<!-- / tabs -->
</div>
</div>
<div class="col-md-10">
<div class="tab_content">
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-6">
<img src="media/offer/1.png" alt="Choose">
</div>
<div class="col-md-6">
<div class="content">
<h4>Domain Transfer</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
</p>
<p>
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- / tabs_item clearfix -->
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-6">
<img src="media/offer/2.png" alt="Choose">
</div>
<div class="col-md-6">
<div class="content">
<h4>Dns Control</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
</p>
<p>
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- / tabs_item clearfix -->
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-5">
<img src="media/offer/3.png" alt="Choose">
</div>
<div class="col-md-7">
<div class="content">
<h4>Unlimited Bandwidth</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
</p>
<p>
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- / tabs_item clearfix -->
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-5">
<img src="media/offer/4.png" alt="Choose">
</div>
<div class="col-md-7">
<div class="content">
<h4>Website Builder</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
</p>
<p>
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- / tabs_item clearfix -->
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-6">
<img src="media/offer/5.png" alt="Choose">
</div>
<div class="col-md-6">
<div class="content">
<h4>Speed Optimization</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
</p>
<p>
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- / tabs_item clearfix -->
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-6">
<img src="media/offer/6.png" alt="Choose">
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="content">
<h4>Shared Hosting</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
</p>
<p>
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- / tabs_item clearfix -->
</div>
<!-- / tab_content -->
</div>
<!-- /.col-md-10 -->
</div>
<!-- /.row -->
</div>
<!-- / tab -->
</div>
<!-- /.container -->
</section>
<!-- /#offer -->
<!--==========================-->
<!--= Install =-->
<!--==========================-->
<section id="install" data-bg-image="media/install/2.jpg" data-parallax="image">
<div class="container">
<div class="install-content">
<img src="media/install/1.png" alt="">
<h4>Build Your Buisness</h4>
<h2>Quickly One-Click App Install</h2>
<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
</div>
<!-- /.install-content -->
</div>
<!-- /.container -->
</section>
<!-- /#install -->
<!--==========================-->
<!--= Choose =-->
<!--==========================-->
<section id="choose" class="choose-two">
<div class="container">
<div class="section-details border-none wow animated fadeInUp" data-wow-duration="1500ms">
<div class="section-title-two text-center">
<h2>Why to Choose Us</h2>
<h5>Our History</h5>
<span>W</span>
</div>
<!-- /.section-title -->
<div class="section-caption text-center">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.section-details -->
<div class="choose choose-two wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-4">
<div class="choose-item">
<h4>One Click Installation</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscin elitr, sed diam nonumy eirmod tempor.
</p>
<span>01</span>
</div>
<div class="choose-item">
<h4>Optimized Software</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscin elitr, sed diam nonumy eirmod tempor.
</p>
<span>02</span>
</div>
</div>
<div class="col-md-4">
<div class="choose-two-thumb">
<img src="media/choose/2.png" alt="chose">
</div>
</div>
<!-- /.col-md-4 -->
<div class="col-md-4">
<div class="choose-item right-item text-right">
<h4>Daily Backups</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscin elitr, sed diam nonumy eirmod tempor.
</p>
<span>03</span>
</div>
<div class="choose-item right-item text-right">
<h4>Account Isolation</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscin elitr, sed diam nonumy eirmod tempor.
</p>
<span>04</span>
</div>
</div>
<!-- /.col-md-4 -->
</div>
<!-- /.row -->
</div>
<!-- /.choose -->
</div>
<!-- /.container -->
</section>
<!-- /#choose -->
<!--==========================-->
<!--= Website =-->
<!--==========================-->
<div id="website" data-carousel="swiper">
<div class="container">
<div class="section-details border-none">
<div class="section-title-two text-center">
<h2>Free Website</h2>
<h5>Create your own</h5>
<span>F</span>
</div>
<!-- /.section-title -->
<div class="section-caption text-center">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.section-details -->
</div>
<!-- /.container -->
<div class="website-slider wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="swiper-container" data-swiper-config='{"loop": true, "autoplay": 3000, "grabCursor": true, "slidesPerView": 4, "paginationClickable": true, "breakpoints": {"768": {"slidesPerView": 1},"500": {"slidesPerView": 1}}}'>
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="website clearfix">
<div class="content">
<div class="slider-thumb">
<img src="media/website/1.jpg" alt="Testi">
</div>
<div class="slider-content">
<div class="content">
<h3>Wedding Theme</h3>
<a href="#" class="dt-btn">Details <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.website -->
</div>
<div class="swiper-slide">
<div class="website clearfix">
<div class="content">
<div class="slider-thumb">
<img src="media/website/2.jpg" alt="Testi">
</div>
<div class="slider-content">
<div class="content">
<h3>Wedding Theme</h3>
<a href="#" class="dt-btn">Details <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.website -->
</div>
<div class="swiper-slide">
<div class="website clearfix">
<div class="content">
<div class="slider-thumb">
<img src="media/website/3.jpg" alt="Testi">
</div>
<div class="slider-content">
<div class="content">
<h3>Wedding Theme</h3>
<a href="#" class="dt-btn">Details <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.website -->
</div>
<div class="swiper-slide">
<div class="website clearfix">
<div class="content">
<div class="slider-thumb">
<img src="media/website/4.jpg" alt="Testi">
</div>
<div class="slider-content">
<div class="content">
<h3>Wedding Theme</h3>
<a href="#" class="dt-btn">Details <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.website -->
</div>
</div>
</div>
</div>
<!-- /.website -->
<!-- Add Pagination -->
<div class="container">
<div class="web-slidera-control">
<div class="control">
<div class="banner-prev" data-swiper="prev">
<div class="prev-btn">Prev</div>
</div>
</div>
<div class="control text-center">
<a href="#" class="dt-btn">View All Template <i class="fa fa-long-arrow-right"></i></a>
</div>
<!-- /.control -->
<div class="control">
<div class="banner-next" data-swiper="next">
<div class="next-btn">Next</div>
</div>
</div>
</div>
<!-- /.web-slider-control -->
</div>
<!-- /.container -->
</div>
<!-- /#website -->
<!--==========================-->
<!--= Blog Grid =-->
<!--==========================-->
<section id="blog-grid">
<div class="container">
<div class="section-details border-none wow animated fadeInUp" data-wow-duration="1500ms">
<div class="section-title-two text-center">
<h2>Latest News</h2>
<h5>From Blog</h5>
<span>L</span>
</div>
<!-- /.section-title -->
<div class="section-caption text-center">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<!-- /.section-details -->
<div class="blog-grid wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-4">
<div class="blog">
<div class="blog-thumb">
<a href="#"><img src="media/blog/1.jpg" alt="Blog Thumb"></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="#0">Nulla porttitor accumsan tincidunt Vestibulum ante ipsum.</a></h3>
<div class="post-meta">
<a href="#"><strong>By: Admin</strong>-30 Mar, 2017</a>
<a href="#"><i class="fa fa-comments"></i>20</a>
</div>
</div>
</div>
<!-- /.blog -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-4">
<div class="blog">
<div class="blog-thumb">
<a href="#"><img src="media/blog/2.jpg" alt="Blog Thumb"></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="#0">Nulla porttitor accumsan tincidunt Vestibulum ante ipsum.</a></h3>
<div class="post-meta">
<a href="#"><strong>By: Admin</strong>-30 Mar, 2017</a>
<a href="#"><i class="fa fa-comments"></i>20</a>
</div>
</div>
</div>
<!-- /.blog -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-4">
<div class="blog">
<div class="blog-thumb">
<a href="#"><img src="media/blog/3.jpg" alt="Blog Thumb"></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="#0">Nulla porttitor accumsan tincidunt Vestibulum ante ipsum.</a></h3>
<div class="post-meta">
<a href="#"><strong>By: Admin</strong>-30 Mar, 2017</a>
<a href="#"><i class="fa fa-comments"></i>20</a>
</div>
</div>
</div>
<!-- /.blog -->
</div>
<!-- /.col-md-4 -->
</div>
<!-- /.row -->
</div>
<!-- /.blog-grid -->
</div>
<!-- /.container -->
</section>
<!-- /#blog-grid -->
<!--==========================-->
<!--= Testimonial =-->
<!--==========================-->
<section id="testimonial" data-carousel="swiper" data-parallax="image" data-bg-image="media/testimonial/4.jpg">
<div class="container">
<div class="testmonial">
<div class="testimonial-slider test-slider-three">
<div class="swiper-container" data-swiper-config='{"loop": true, "speed": 700, "nextButton": "#testimonial-carousel-next-two", "prevButton": "#testimonial-carousel-prev-two", "pagination": "#testimonial-carousel-pagination-two", "spaceBetween": 60, "autoplay": 3000, "grabCursor": true, "paginationClickable": true, "breakpoints": {"768": {"slidesPerView": 1}}}'>
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="slider-content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<!-- /.slider-content -->
<div class="user-details">
<div class="name">
<h3>Dianne Ameter</h3>
<p>UI/UX Designer</p>
</div>
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
</div>
<!-- /.user-details -->
</div>
<div class="swiper-slide">
<div class="slider-content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<!-- /.slider-content -->
<div class="user-details clearfix">
<div class="name">
<h3>Dianne Ameter</h3>
<p>Devoper</p>
</div>
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
</div>
<!-- /.user-details -->
</div>
<div class="swiper-slide">
<div class="slider-content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<!-- /.slider-content -->
<div class="user-details">
<div class="name">
<h3>Dianne Ameter</h3>
<p>Devoper</p>
</div>
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
</div>
<!-- /.user-details -->
</div>
<div class="swiper-slide">
<div class="slider-content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<!-- /.slider-content -->
<div class="user-details">
<div class="name">
<h3>Dianne Ameter</h3>
<p>Devoper</p>
</div>
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
</div>
<!-- /.user-details -->
</div>
</div>
</div>
</div>
<!-- /.testmonial-slider -->
<!-- Add Pagination -->
<div class="slider-control">
<div class="swiper-pagination" id="testimonial-carousel-pagination-two"></div>
<!-- Add Arrows -->
<div class="banner-next" id="testimonial-carousel-next-two">
<div class="next-btn"><i class="fa fa-long-arrow-right"></i></div>
</div>
<div class="banner-prev" id="testimonial-carousel-prev-two">
<div class="prev-btn"><i class="fa fa-long-arrow-left"></i></div>
</div>
</div>
<!-- /.slider-control -->
</div>
<!-- /.testmonial -->
</div>
<!-- /.container -->
</section>
<!-- /#testimonial -->
<!--==========================-->
<!--= Questions =-->
<!--==========================-->
<section id="question">
<div class="container">
<div class="section-details border-none wow animated fadeInUp" data-wow-duration="1500ms">
<div class="section-title-two text-center">
<h2>Some Questions with Us</h2>
<h5>SOME FAQS</h5>
<span>S</span>
</div>
<!-- /.section-title -->
<div class="section-caption text-center">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
</p>
</div>
</div>
<div class="questions-wrapper wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="panel-group" id="accordion">
<div class="panel panel-default active">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
How can i can backup website files?
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<ul class="questions">
<li><span>01.</span>
<p class="content">
Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
</p>
</li>
<li><span>02.</span>
<p class="content">
Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
</p>
</li>
<li><span>03.</span>
<p class="content">
sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar Curabitur aliquet quam id dui posuere blandit.
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
Does Super Host offer phone support?
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<ul class="questions">
<li><span>01.</span>
<p class="content">
Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
</p>
</li>
<li><span>02.</span>
<p class="content">
Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
</p>
</li>
<li><span>03.</span>
<p class="content">
sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar Curabitur aliquet quam id dui posuere blandit.
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
How can i change my username and password?
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<ul class="questions">
<li><span>01.</span>
<p class="content">
Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
</p>
</li>
<li><span>02.</span>
<p class="content">
Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
</p>
</li>
<li><span>03.</span>
<p class="content">
sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar Curabitur aliquet quam id dui posuere blandit.
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
Can i add more domains in one hosting?
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<ul class="questions">
<li><span>01.</span>
<p class="content">
Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
</p>
</li>
<li><span>02.</span>
<p class="content">
Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
</p>
</li>
<li><span>03.</span>
<p class="content">
sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar Curabitur aliquet quam id dui posuere blandit.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /.questions -->
</div>
<!-- /.container -->
</section>
<!-- /#question -->
<!--==========================-->
<!--= Brand =-->
<!--==========================-->
<section id="brand">
<div class="container">
<div class="brand-wrapper">
<div class="brand-item">
<img src="media/brand/1.png" alt="brand">
</div>
<!-- /.brand-item -->
<div class="brand-item">
<img src="media/brand/2.png" alt="brand">
</div>
<!-- /.brand-item -->
<div class="brand-item">
<img src="media/brand/3.png" alt="brand">
</div>
<!-- /.brand-item -->
<div class="brand-item">
<img src="media/brand/4.png" alt="brand">
</div>
<!-- /.brand-item -->
<div class="brand-item">
<img src="media/brand/5.png" alt="brand">
</div>
<!-- /.brand-item -->
<div class="brand-item">
<img src="media/brand/6.png" alt="brand">
</div>
<!-- /.brand-item -->
</div>
<!-- /.brand-wrapper -->
</div>
<!-- /.container -->
</section>
<!-- /#brand -->
<!--==========================-->
<!--= Footer =-->
<!--==========================-->
<section id="footer" data-parallax="image" data-bg-image="media/footer/1.jpg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-contact">
<img src="assets/img/logo.png" alt="logo">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<div class="contact-info clearfix">
<div class="info">
<p>Phone:</p>
<span>+12 445 353 111</span>
</div>
<div class="info">
<p>Email:</p>
<span>info@example.com</span>
</div>
</div>
<div class="address">
<p><strong>Address:</strong></p>
<span>129/3 Baten kha mor,<br>Bangladesh 6300</span>
</div>
</div>
<!-- /.footer-contact -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-3">
<div class="footer-service">
<h3 class="footer-title">Hosting Services</h3>
<ul class="footer-link">
<li><a href="#"><i class="fa fa-angle-double-right"></i> Cloud Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Domain Names</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Reseller Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Web Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Dedicated Servers</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Windows Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> cPanel Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Virtual Datacenter</a></li>
</ul>
</div>
</div>
<!-- /.col-md-3 -->
<div class="col-md-3">
<div class="footer-service">
<h3 class="footer-title">Hosting Services</h3>
<ul class="footer-link">
<li><a href="#"><i class="fa fa-angle-double-right"></i> Cloud Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Domain Names</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Reseller Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Web Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Dedicated Servers</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Windows Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> cPanel Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Virtual Datacenter</a></li>
</ul>
</div>
</div>
<!-- /.col-md-3 -->
<div class="col-md-2">
<div class="footer-service">
<h3 class="footer-title">Hosting Services</h3>
<ul class="footer-link">
<li><a href="#"><i class="fa fa-angle-double-right"></i> Cloud Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Domain Names</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Reseller Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Web Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Dedicated Servers</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Windows Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> cPanel Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Virtual Datacenter</a></li>
</ul>
</div>
</div>
<!-- /.col-md-3 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="footer-social-link">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<p class="copyright-text text-right">© Copyright 2016 - Super Host by <a href="#">Decent Themes</a></p>
</div>
<!-- /.col-md-6 -->
</div>
</div>
<!-- /.container -->
</div>
<!-- /.copyright -->
</section>
<!-- /#footer -->
</div>
<!-- /#site -->
<!-- Dependency Scripts -->
<script src="dependencies/jquery/jquery.min.js"></script>
<script src="dependencies/bootstrap/js/bootstrap.min.js"></script>
<script src="dependencies/swiper/js/swiper.jquery.min.js"></script>
<script src="dependencies/swiperRunner/js/swiperRunner.min.js"></script>
<script src="dependencies/countUp.js/countUp.min.js"></script>
<script src="dependencies/jquery.appear.bas2k/jquery.appear.js"></script>
<script src="dependencies/slimmenu/js/jquery.slimmenu.min.js"></script>
<script src="dependencies/wow/wow.min.js"></script>
<script src="dependencies/gmap3/js/gmap3.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAssaWBjq7xp_L88KSNA6X7wVA-HxF9rtM"></script>
<script src="dependencies/revslider/js/jquery.themepunch.revolution.min.js"></script>
<script src="dependencies/revslider/js/jquery.themepunch.tools.min.js"></script>
<script src="dependencies/jquery.ripples/jquery.ripples-min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.actions.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="dependencies/rangeslider.js/rangeslider.min.js"></script>
<script src="dependencies/jquery.countdown/jquery.countdown.js"></script>
<script src="assets/js/parallax.hover.js"></script>
<!-- Site Scripts -->
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/sidy.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>