<!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>Testimonial — 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-version-1" 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 id="page-banner" data-bg-image="media/background/15.jpg" data-parallax="image">
<div class="container">
<div class="page-heading">
<h1>Testimonials</h1>
<div class="page-link">
<a href="#">Home</a>
<a href="#">Page</a>
<a href="#">Testimonial</a>
</div>
</div>
<!-- /.page-heading -->
</div>
<!-- /.container -->
</section>
<!-- /#page-banner -->
<!--==================================-->
<!--= Testimonial =-->
<!--==================================-->
<section id="testimonial">
<div class="container">
<div class="faq-title">
<h3>Our Clients Says</h3>
<h6>Faq History</h6>
</div>
<div class="testimonial-five">
<div class="row">
<div class="col-md-6">
<div class="testi-five clearfix">
<div class="client-img">
<img src="media/testimonial/1.jpg" alt="thumb">
</div>
<div class="client">
<h3>Norman Gordon</h3>
<h6>UI/UX Designer</h6>
<p>
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget.
</p>
</div>
</div>
<!-- /.testi-four -->
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="testi-five clearfix">
<div class="client-img">
<img src="media/testimonial/2.jpg" alt="thumb">
</div>
<div class="client">
<h3>Norman Gordon</h3>
<h6>UI/UX Designer</h6>
<p>
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget.
</p>
</div>
</div>
<!-- /.testi-four -->
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="testi-five clearfix">
<div class="client-img">
<img src="media/testimonial/3.jpg" alt="thumb">
</div>
<div class="client">
<h3>Norman Gordon</h3>
<h6>UI/UX Designer</h6>
<p>
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget.
</p>
</div>
</div>
<!-- /.testi-four -->
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="testi-five clearfix">
<div class="client-img">
<img src="media/testimonial/9.jpg" alt="thumb">
</div>
<div class="client">
<h3>Norman Gordon</h3>
<h6>UI/UX Designer</h6>
<p>
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget.
</p>
</div>
</div>
<!-- /.testi-four -->
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="testi-five clearfix">
<div class="client-img">
<img src="media/testimonial/10.jpg" alt="thumb">
</div>
<div class="client">
<h3>Norman Gordon</h3>
<h6>UI/UX Designer</h6>
<p>
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget.
</p>
</div>
</div>
<!-- /.testi-four -->
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="testi-five clearfix">
<div class="client-img">
<img src="media/testimonial/6.jpg" alt="thumb">
</div>
<div class="client">
<h3>Norman Gordon</h3>
<h6>UI/UX Designer</h6>
<p>
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget.
</p>
</div>
</div>
<!-- /.testi-four -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.testimonial -->
</div>
<!-- /.container -->
</section>
<!-- /#testimonial -->
<!--==================================-->
<!--= Testimonial =-->
<!--==================================-->
<section id="testimonial" data-parallax="image" data-bg-image="media/testimonial/5.jpg">
<div class="container">
<div class="testmonial testimonial-two">
<div class="testimonial-slider wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="swiper-container" data-swiper-config='{"loop": true, "speed": 700, "nextButton": "#testimonial-carousel-next", "prevButton": "#testimonial-carousel-prev", "pagination": "#testimonial-carousel-pagination-two", "spaceBetween": 60, "autoplay": 3000, "slidesPerView": 2, "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.
</p>
</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.
</p>
</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.
</p>
</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.
</p>
</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 class="slider-pagination">
<div class="swiper-pagination" id="testimonial-carousel-pagination-two"></div>
</div>
</div>
<!-- /.testmonial-slider -->
<!-- Add Pagination -->
</div>
<!-- /.testmonial -->
</div>
<!-- /.container -->
</section>
<!-- /#testimonial -->
<!--================================-->
<!--= Testimonial =-->
<!--================================-->
<section id="testimonial" class="testimonial-sec">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="testi-six">
<div class="client-img">
<img src="media/testimonial/9.jpg" alt="Client">
</div>
<div class="client">
<h3>Indigo Violet</h3>
<h5>Maneger</h5>
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
</p>
</div>
</div>
<!-- /.col-md-4 col-sm-6 -->
<div class="col-md-4 col-sm-6">
<div class="testi-six">
<div class="client-img">
<img src="media/testimonial/10.jpg" alt="Client">
</div>
<div class="client">
<h3>Indigo Violet</h3>
<h5>Maneger</h5>
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
</p>
</div>
</div>
<!-- /.col-md-4 col-sm-6 -->
<div class="col-md-4 col-sm-6">
<div class="testi-six">
<div class="client-img">
<img src="media/testimonial/11.jpg" alt="Client">
</div>
<div class="client">
<h3>Indigo Violet</h3>
<h5>Maneger</h5>
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
</p>
</div>
</div>
<!-- /.col-md-4 col-sm-6 -->
<div class="col-md-4 col-sm-6">
<div class="testi-six">
<div class="client-img">
<img src="media/testimonial/12.jpg" alt="Client">
</div>
<div class="client">
<h3>Indigo Violet</h3>
<h5>Maneger</h5>
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
</p>
</div>
</div>
<!-- /.col-md-4 col-sm-6 -->
<div class="col-md-4 col-sm-6">
<div class="testi-six">
<div class="client-img">
<img src="media/testimonial/13.jpg" alt="Client">
</div>
<div class="client">
<h3>Indigo Violet</h3>
<h5>Maneger</h5>
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
</p>
</div>
</div>
<!-- /.col-md-4 col-sm-6 -->
<div class="col-md-4 col-sm-6">
<div class="testi-six">
<div class="client-img">
<img src="media/testimonial/14.jpg" alt="Client">
</div>
<div class="client">
<h3>Indigo Violet</h3>
<h5>Maneger</h5>
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
</p>
</div>
</div>
<!-- /.col-md-4 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /#testimonial -->
<!--==========================-->
<!--= 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>