View file Super Host/html_file/services.html

File size: 33.83Kb
<!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>Services — 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/10.jpg" data-parallax="image">
			<div class="container">
				<div class="page-heading">
					<h1>Data Center</h1>
					<div class="page-link">
						<a href="#">Home</a>
						<a href="#">Page</a>
						<a href="#">Data Center</a>
					</div>
				</div>
				<!-- /.page-heading -->
			</div>
			<!-- /.container -->
		</section>
		<!-- /#page-banner -->

		<!--===============================-->
		<!--=         Service       =-->
		<!--===============================-->
		<div id="web-hosting-feature">
			<div class="container">
				<div class="section-details text-center border-none wow animated fadeInUp" data-wow-duration="1500ms">
					<div class="section-title section-title-three">
						<h2>Top Service</h2>
						<h5>Service</h5>
					</div>
					<!-- /.section-title -->

					<div class="section-caption">
						<p>
							Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore magna
						</p>
					</div>
				</div>
				<div class="row">
					<div class="web-featured wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
						<div class="col-md-4">
							<div class="web-feature">
								<div class="feature-icon">
									<img src="media/feature/7.png" alt="feature icon">
								</div>
								<h3>Dedicated Servers</h3>
								<p>
									Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
								</p>
							</div>
							<!-- /.web-feature -->
						</div>
						<!-- /.col-md-4 -->

						<div class="col-md-4">
							<div class="web-feature">
								<div class="feature-icon">
									<img src="media/feature/8.png" alt="feature icon">
								</div>
								<h3>DNS Control</h3>
								<p>
									Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
								</p>
							</div>
							<!-- /.web-feature -->
						</div>
						<!-- /.col-md-4 -->

						<div class="col-md-4">
							<div class="web-feature">
								<div class="feature-icon">
									<img src="media/feature/9.png" alt="feature icon">
								</div>
								<h3>Protect Your Privacy</h3>
								<p>
									Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
								</p>
							</div>
							<!-- /.web-feature -->
						</div>
						<!-- /.col-md-4 -->
					</div>
					<!-- /.web-featured -->

				</div>
				<!-- /.row -->
			</div>
			<!-- /.container -->
		</div>
		<!-- /#web-hosting-feature -->

		<!--=============================-->
		<!--=          Pricing         =-->
		<!--=============================-->
		<section id="pricing">
			<div class="container">
				<div class="section-details text-center border-none wow animated fadeInUp" data-wow-duration="1500ms">
					<div class="section-title section-title-three">
						<h2>Pricing Table Style 4</h2>
						<h5>Choose Your</h5>
					</div>
					<!-- /.section-title -->

					<div class="section-caption">
						<p>
							Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore
						</p>
					</div>
				</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 clearfix">
								<div class="pricing-head">
									<h3>Bssic</h3>
									<p>More featured for anyone</p>
								</div>
								<div class="pricing_price">
									<h2 class="pricing__currency"><sup>$</sup>4.9<span>/month</span></h2>
								</div>
								<ul class="pricing__feature-list">
									<li>70 GB Web Space</li>
									<li>Free Website</li>
									<li>24 / 7 / 365 Support</li>
									<li>Free Domain Registar</li>
									<li>1 GB Bandwidth</li>
								</ul>
								<a href="#" class="dt-btn">Buy Now</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="pricing_item price-active clearfix">
								<h6>Feature</h6>
								<div class="pricing-head">
									<h3>Primium</h3>
									<p>Useful with small business</p>
								</div>
								<div class="pricing_price">
									<h2 class="pricing__currency"><sup>$</sup>49.9<span>/month</span></h2>
								</div>
								<ul class="pricing__feature-list">
									<li>70 GB Web Space</li>
									<li>Free Website</li>
									<li>24 / 7 / 365 Support</li>
									<li>Free Domain Registar</li>
									<li>1 GB Bandwidth</li>
								</ul>
								<a href="#" class="dt-btn">Buy Now</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="pricing_item clearfix">
								<div class="pricing-head">
									<h3>Unlimited</h3>
									<p>Useful with small business</p>
								</div>
								<div class="pricing_price">
									<h2 class="pricing__currency"><sup>$</sup>99.9<span>/month</span></h2>
								</div>
								<ul class="pricing__feature-list">
									<li>70 GB Web Space</li>
									<li>Free Website</li>
									<li>24 / 7 / 365 Support</li>
									<li>Free Domain Registar</li>
									<li>1 GB Bandwidth</li>
								</ul>
								<a href="#" class="dt-btn">Buy Now</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /.container -->
		</section>
		<!-- /#pricing -->

		<!--=============================-->
		<!--=             Feature       =-->
		<!--=============================-->
		<section id="feature">
			<div class="container">
				<div class="section-details text-center border-none wow animated fadeInUp" data-wow-duration="1500ms">
					<div class="section-title section-title-three">
						<h2>Our Service</h2>
						<h5>Service</h5>
					</div>
					<!-- /.section-title -->

					<div class="section-caption">
						<p>
							Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore magna
						</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 -->

		<!--==============================-->
		<!--=       Feature Hosting      =-->
		<!--==============================-->
		<section id="feature-hosting">
			<div class="container">
				<div class="row">
					<div class="col-md-5">
						<div class="feature-hosting">
							<h2>Unlimited Hosting</h2>
							<h3>Get Unlimited features</h3>

							<ul>
								<li><i class="fa fa-chevron-right"></i>Donec sollicitudin molestie malesuada. </li>
								<li><i class="fa fa-chevron-right"></i>Praesent sapien massa, convallis a pellentesque.</li>
								<li><i class="fa fa-chevron-right"></i>Quisque velit nisi, pretium ut lacinia in, </li>
								<li><i class="fa fa-chevron-right"></i>Curabitur non nulla sit amet tempus convallis. </li>
							</ul>

							<a href="#" class="dt-btn">Learn More <i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<!-- /.col-md-5 -->

					<div class="col-md-7">
						<div class="fea-thumb">
							<img src="media/choose/4.png" alt="thumb">
						</div>
					</div>
					<!-- /.col-md-7 -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container -->
		</section>
		<!-- /#feature-hosting -->

		<!--==========================-->
		<!--=        Team       =-->
		<!--==========================-->
		<section id="team-two">
			<div class="container">
				<div class="section-details text-center border-none wow animated fadeInUp" data-wow-duration="1500ms">
					<div class="section-title section-title-three">
						<h2>Meet Our Team</h2>
						<h5>Professional Expereinces</h5>
					</div>
					<!-- /.section-title -->

					<div class="section-caption">
						<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="row wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
					<div class="col-md-4 col-sm-6">
						<div class="team-member">
							<div class="member-thumb">
								<img src="media/team/3.jpg" alt="Team">
							</div>
							<div class="member-details">
								<h3 class="name">TIM RIJKES</h3>
								<h6 class="position">Web Designer</h6>

								<p>
									Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
								</p>
							</div>
							<ul class="member-profile">
								<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>
							</ul>
						</div>
						<!-- /.team-member -->
					</div>
					<!-- /.col-md-4 col-sm-6 -->

					<div class="col-md-4 col-sm-6">
						<div class="team-member">
							<div class="member-thumb">
								<img src="media/team/4.jpg" alt="Team">
							</div>
							<div class="member-details">
								<h3 class="name">TIM RIJKES</h3>
								<h6 class="position">Web Designer</h6>

								<p>
									Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
								</p>
							</div>
							<ul class="member-profile">
								<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>
							</ul>
						</div>
						<!-- /.team-member -->
					</div>
					<!-- /.col-md-4 col-sm-6 -->

					<div class="col-md-4 col-sm-6">
						<div class="team-member">
							<div class="member-thumb">
								<img src="media/team/5.jpg" alt="Team">
							</div>
							<div class="member-details">
								<h3 class="name">TIM RIJKES</h3>
								<h6 class="position">Web Designer</h6>

								<p>
									Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
								</p>
							</div>
							<ul class="member-profile">
								<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>
							</ul>
						</div>
						<!-- /.team-member -->
					</div>
					<!-- /.col-md-4 col-sm-6 -->

				</div>
				<!-- /.row -->
			</div>
			<!-- /.container -->
		</section>
		<!-- /#team-two -->

		<!--==========================-->
		<!--=          Question      =-->
		<!--==========================-->
		<section id="question">
			<div class="container">

				<div class="questions-wrapper">
					<div class="row">
						<div class="col-md-7">
							<div class="row">
								<div class="ques-title">
									<h3>Our Clients Says</h3>
									<h5>Our History</h5>
								</div>
								<div class="client-say">
									<div class="tab testi-tab">

										<ul class="tabs">
											<li><a href="#"><img src="media/testimonial/6.jpg" alt="testimonial"></a></li>
											<li><a href="#"><img src="media/testimonial/7.jpg" alt="testimonial"></a></li>
										</ul>
										<!-- / tabs -->


										<div class="tab_content">

											<div class="tabs_item clearfix">
												<div class="client-details">
													<h4 class="name">Norman Gordon</h4>
													<h6 class="posuere">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 felis.
													</p>
												</div>
											</div>
											<!-- / tabs_item clearfix -->

											<div class="tabs_item clearfix">
												<div class="client-details">
													<h4 class="name">Jason Response</h4>
													<h6 class="posuere">Web Developer</h6>

													<p>
														Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis.
													</p>
												</div>
											</div>
											<!-- / tabs_item clearfix -->
										</div>
										<!-- / tab_content -->
									</div>
									<!-- / tab -->

									<div class="tab testi-tab">

										<ul class="tabs">
											<li><a href="#"><img src="media/testimonial/6.jpg" alt="testimonial"></a></li>
											<li><a href="#"><img src="media/testimonial/7.jpg" alt="testimonial"></a></li>
										</ul>
										<!-- / tabs -->


										<div class="tab_content">

											<div class="tabs_item clearfix">
												<div class="client-details">
													<h4 class="name">Norman Gordon</h4>
													<h6 class="posuere">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 felis.
													</p>
												</div>
											</div>
											<!-- / tabs_item clearfix -->

											<div class="tabs_item clearfix">
												<div class="client-details">
													<h4 class="name">Jason Response</h4>
													<h6 class="posuere">Web Developer</h6>

													<p>
														Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis.
													</p>
												</div>
											</div>
											<!-- / tabs_item clearfix -->
										</div>
										<!-- / tab_content -->
									</div>
									<!-- / tab -->

								</div>
								<!-- /.qes -->
							</div>
							<!-- /.row -->
						</div>
						<!-- /.col-md-7 -->

						<div class="col-md-5">
							<div class="ques-title">
								<h3>Some Questions with Us</h3>
								<h5>Some Faqs</h5>
							</div>

							<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">

											<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>

										</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">

											<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>

										</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">

											<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>

										</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">
											<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>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- /.col-md-5 -->
					</div>
					<!-- /.row -->
				</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>