<!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 — 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">
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-7">
<ul class="top-contact">
<li><i class="fa fa-envelope"></i>contact@infinitystate.co</li>
<li><i class="fa fa-phone"></i>+1 235 222 777</li>
<li><i class="fa fa-comments-o"></i><a href="#">Live Chat</a></li>
</ul>
</div>
<!-- /.col-md-7 -->
<div class="col-sm-5 col-sm-5">
<ul class="dt-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-google-plus"></i></a></li>
<li><a href=""><i class="fa fa-linkedin"></i></a></li>
<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
<li><a href=""><i class="fa fa-youtube"></i></a></li>
</ul>
<div class="login">
<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">
<div class="navbar-header">
<a class="logo" href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
<a class="logo-fixed" href="index.html"><img src="assets/img/logo-fixed.png" alt="logo"></a>
</div>
<div id="navbar" class="navbar-right">
<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">Page</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 id="btn-search" class="header-search btn btn--search"><i class="fa fa-search"></i></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.container -->
</nav>
</header>
<!-- /#header -->
<!--==========================-->
<!--= banner =-->
<!--==========================-->
<section class="banner" id="banner-ripple">
<div id="stars"></div>
<div id="stars2"></div>
<div id="stars3"></div>
<!-- Swiper -->
<div class="swiper-container swiper-banner" data-swiper-config='{"spaceBetween": 0, "loop": true, "speed": 700, "loopedSlides": 10, "autoplay": 20000, "grabCursor": true, "navPreview": true}'>
<div class="swiper-wrapper">
<div class="swiper-slide" data-bg-image="media/banner/01.jpg" data-thumb="media/banner/11.jpg" data-parallax="image">
<div class="slider-caption">
<h3 data-animate="fadeInUp">Build your dream with</h3>
<h2 data-animate="fadeInUp" data-delay="0.3s">Super Hosting and get <br>a better server</h2>
<p data-animate="fadeInUp" data-delay="0.4s">
Nulla porttitor accumsan tincidunt. Vivamus suscipit tortor eget felis porttitor volutpat.<br> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
</p>
<a href="#" class="dt-btn-two" data-animate="fadeInUp" data-delay="0.6s">
<svg>
<rect x="0" y="0" fill="none" width="100%" height="100%"/>
</svg>
Learn More <i class="fa fa-long-arrow-right"></i>
</a>
</div>
<div class="slider-img">
<img data-animate="bounceInDown" data-delay="0.3s" src="media/banner/1.png" alt="img">
<img data-animate="bounceInDown" data-delay="0.4s" src="media/banner/2.png" alt="img">
<img data-animate="bounceInDown" data-delay="0.5s" src="media/banner/3.png" alt="img">
</div>
</div>
<div class="swiper-slide" data-bg-image="media/banner/4.jpg" data-thumb="media/banner/22.jpg" data-parallax="image">
<div class="overlay"></div>
<div class="slider-caption caption-two">
<h3 data-animate="fadeInUp">Build your dream with</h3>
<h2 data-animate="fadeInUp" data-delay="0.3s">Create your website with <br>Super Level Host</h2>
<p data-animate="fadeInUp" data-delay="0.4s">
Nulla porttitor accumsan tincidunt. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum<br> ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
</p>
<a href="#" class="dt-btn-two" data-animate="fadeInUp" data-delay="0.6s">
<svg>
<rect x="0" y="0" fill="none" width="100%" height="100%"/>
</svg>
Learn More <i class="fa fa-long-arrow-right"></i>
</a>
</div>
<div class="slide-two-image">
<img data-animate="bounceInRight" data-delay="0.3s" src="media/banner/9.png" alt="image">
</div>
</div>
<div class="swiper-slide" data-bg-image="media/banner/5.jpg" data-thumb="media/banner/33.jpg">
<div class="overlay"></div>
<div class="slider-caption caption-two">
<h3 data-animate="fadeInUp">Build your dream with</h3>
<h2 data-animate="fadeInUp" data-delay="0.3s">Search Your</h2>
<p data-animate="fadeInUp" data-delay="0.4s">
Nulla porttitor accumsan tincidunt. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum<br> ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
</p>
<a href="#" class="dt-btn-two" data-animate="fadeInUp" data-delay="0.6s">
<svg>
<rect x="0" y="0" fill="none" width="100%" height="100%"/>
</svg>
Learn More <i class="fa fa-long-arrow-right"></i>
</a>
</div>
<div class="slide-two-image">
<img data-animate="bounceInRight" data-delay="0.3s" src="media/banner/8.png" alt="image">
</div>
</div>
</div>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination" data-swiper="pagination"></div> -->
<!-- Add Arrows -->
<div class="swiper-button-next" title="Next"></div>
<div class="swiper-button-prev" title="Prev"></div>
</div>
</section>
<!-- /.banner -->
<!--==========================-->
<!--= 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 wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="section-title">
<h2>Our Features</h2>
<h5>What We Have</h5>
<span>O</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 col-sm-6 -->
<div class="col-md-8">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.section-details -->
<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">
<div class="container">
<div class="section-details wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-4">
<div class="section-title">
<h2>Our Features</h2>
<h5>What We Have</h5>
<span>P</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-8">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.section-details -->
<div class="pricing pricing--yama wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-4">
<div class="pricing__item">
<h3 class="pricing__title">Startup</h3>
<p class="pricing__sentence">Perfect for a café or bar</p>
<div class="pricing__price"><span class="pricing__currency"><sup>$</sup></span>79</div>
<ul class="pricing__feature-list">
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>70 GB Web Space</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>Free Website</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>24 / 7 / 365 Support</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>Free Domain Registar</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>1 GB Bandwidth</li>
</ul>
<button class="pricing__action">Choose Plan</button>
</div>
</div>
<div class="col-md-4">
<div class="pricing__item feature-plan">
<h3 class="pricing__title">Standard</h3>
<p class="pricing__sentence">Perfect for a café or bar</p>
<div class="pricing__price"><span class="pricing__currency"><sup>$</sup></span>149</div>
<ul class="pricing__feature-list">
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>70 GB Web Space</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>Free Website</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>24 / 7 / 365 Support</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>Free Domain Registar</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>1 GB Bandwidth</li>
</ul>
<button class="pricing__action">Choose Plan</button>
</div>
</div>
<div class="col-md-4">
<div class="pricing__item">
<h3 class="pricing__title">Professional</h3>
<p class="pricing__sentence">Perfect for a café or bar</p>
<div class="pricing__price"><span class="pricing__currency"><sup>$</sup></span>199</div>
<ul class="pricing__feature-list">
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>70 GB Web Space</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>Free Website</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>24 / 7 / 365 Support</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>Free Domain Registar</li>
<li class="pricing__feature"><i class="fa fa-long-arrow-right"></i>1 GB Bandwidth</li>
</ul>
<button class="pricing__action">Choose Plan</button>
</div>
</div>
</div>
</div>
</div>
<!-- /.container -->
</section>
<!-- /#pricing -->
<!--==========================-->
<!--= Offer =-->
<!--==========================-->
<section id="offer">
<div class="container">
<div class="section-details wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-5">
<div class="section-title">
<h2>What we Offer More</h2>
<h5>Most Popular Hosting Plans</h5>
<span>W</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-7">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.section-details -->
<div class="tab wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<ul class="tabs">
<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 class="tab_content">
<div class="tabs_item clearfix">
<div class="row">
<div class="col-md-5">
<img src="media/offer/1.png" alt="Choose">
</div>
<div class="col-md-7">
<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 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
</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 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
</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 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
</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 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
</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 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
</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 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
</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>
<!-- / 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">
<div class="container">
<div class="section-details wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-5">
<div class="section-title">
<h2>Why to Choose Us</h2>
<h5>Our History</h5>
<span>W</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-7">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.section-details -->
<div class="choose wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-md-6 col-sm-6">
<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>
<!-- /.col-md-6 col-sm-6 -->
<div class="col-md-6 col-sm-6">
<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>
<!-- /.col-md-6 col-sm-6 -->
<div class="col-md-6 col-sm-6">
<div class="choose-item no-margin">
<h4>Daily Backups</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscin elitr, sed diam nonumy eirmod tempor.
</p>
<span>03</span>
</div>
</div>
<!-- /.col-md-6 col-sm-6 -->
<div class="col-md-6 col-sm-6">
<div class="choose-item no-margin">
<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-6 col-sm-6 -->
</div>
</div>
<!-- /.col-md-8 -->
<div class="col-md-4">
<img src="media/choose/1.png" alt="chose">
</div>
<!-- /.col-md-4 -->
</div>
<!-- /.row -->
</div>
<!-- /.choose -->
</div>
<!-- /.container -->
</section>
<!-- /#choose -->
<!--==========================-->
<!--= Team =-->
<!--==========================-->
<section id="team" data-carousel="swiper">
<div class="container">
<div class="section-details wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-5">
<div class="section-title">
<h2>Meet Our Specialist</h2>
<h5>Create your own</h5>
<span>M</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-7">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.section-details -->
<div class="team-slider wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="swiper-container" data-swiper="container" data-swiper-config='{"loop": true, "nextButton": "#team-carousel-next", "prevButton": "#team-carousel-prev", "pagination": "#team-carousel-pagination", "spaceBetween": 60, "autoplay": 3000, "grabCursor": true, "slidesPerView": 2, "paginationClickable": true, "breakpoints": {"768": {"slidesPerView": 1}}}'
breakpoints=''>
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="team-slider clearfix">
<div class="content">
<div class="team-thumb">
<img src="media/team/1.jpg" alt="Testi">
</div>
<div class="member-details">
<h3 class="name">Dianne Ameter</h3>
<p>Developer</p>
<ul class="team-profail">
<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>
</ul>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.team-slider -->
</div>
<div class="swiper-slide">
<div class="team-slider clearfix">
<div class="content">
<div class="team-thumb">
<img src="media/team/2.jpg" alt="Testi">
</div>
<div class="member-details">
<h3 class="name">Dianne Ameter</h3>
<p>Developer</p>
<ul class="team-profail">
<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>
</ul>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.team-slider -->
</div>
<div class="swiper-slide">
<div class="team-slider clearfix">
<div class="content">
<div class="team-thumb">
<img src="media/team/1.jpg" alt="Testi">
</div>
<div class="member-details">
<h3 class="name">Dianne Ameter</h3>
<p>Developer</p>
<ul class="team-profail">
<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>
</ul>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.team-slider -->
</div>
<div class="swiper-slide">
<div class="team-slider clearfix">
<div class="content">
<div class="team-thumb">
<img src="media/team/2.jpg" alt="Testi">
</div>
<div class="member-details">
<h3 class="name">Dianne Ameter</h3>
<p>Developer</p>
<ul class="team-profail">
<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>
</ul>
</div>
<!-- /.member-details -->
</div>
</div>
<!-- /.team-slider -->
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="slider-control">
<div class="swiper-pagination" id="team-carousel-pagination"></div>
<!-- Add Arrows -->
<div class="banner-next" id="team-carousel-next">
<div class="next-btn"><i class="fa fa-long-arrow-right"></i></div>
</div>
<div class="banner-prev" id="team-carousel-prev">
<div class="prev-btn"><i class="fa fa-long-arrow-left"></i></div>
</div>
</div>
<!-- /.slider-control -->
</div>
<!-- /.team-slider -->
</div>
<!-- /.container -->
</section>
<!-- /#team -->
<!--==========================-->
<!--= Website =-->
<!--==========================-->
<div id="website" data-carousel="swiper">
<div class="container">
<div class="section-details">
<div class="row">
<div class="col-md-4">
<div class="section-title">
<h2>Free Website</h2>
<h5>Create your own</h5>
<span>F</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-8">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</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, "speed": 700, "nextButton": "#website-carousel-next", "prevButton": "#website-carousel-prev", "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" id="website-carousel-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" id="website-carousel-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 wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-4">
<div class="section-title">
<h2>Latest News</h2>
<h5>From Blog</h5>
<span>L</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-8">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</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>
<p>
Nulla porttitor accumsan tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</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>
<p>
Nulla porttitor accumsan tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</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>
<p>
Nulla porttitor accumsan tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</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">
<div class="swiper-container" data-swiper-config='{"loop": true, "speed": 700, "nextButton": "#testimonial-carousel-next", "prevButton": "#testimonial-carousel-prev", "pagination": "#testimonial-carousel-pagination", "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
</p>
<span>,,</span>
</div>
<!-- /.slider-content -->
<div class="user-details">
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
<div class="name">
<h3>Dianne Ameter</h3>
<p>UI/UX Designer</p>
</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
</p>
<span>,,</span>
</div>
<!-- /.slider-content -->
<div class="user-details clearfix">
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
<div class="name">
<h3>Dianne Ameter</h3>
<p>Devoper</p>
</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
</p>
<span>,,</span>
</div>
<!-- /.slider-content -->
<div class="user-details">
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
<div class="name">
<h3>Dianne Ameter</h3>
<p>Devoper</p>
</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
</p>
<span>,,</span>
</div>
<!-- /.slider-content -->
<div class="user-details">
<div class="testi-thumb">
<img src="media/testimonial/1.jpg" alt="Testi">
</div>
<div class="name">
<h3>Dianne Ameter</h3>
<p>Devoper</p>
</div>
</div>
<!-- /.user-details -->
</div>
</div>
</div>
</div>
<!-- /.testmonial-slider -->
<!-- Add Pagination -->
<div class="slider-control">
<div class="swiper-pagination" id="testimonial-carousel-pagination"></div>
<!-- Add Arrows -->
<div class="banner-next" id="testimonial-carousel-next">
<div class="next-btn"><i class="fa fa-long-arrow-right"></i></div>
</div>
<div class="banner-prev" id="testimonial-carousel-prev">
<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 wow animated fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-md-6">
<div class="section-title">
<h2>Some Questions with Us</h2>
<h5>Some Faqs</h5>
<span>S</span>
</div>
<!-- /.section-title -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-6">
<div class="section-caption">
<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.
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.section-details -->
<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>