File size: 15.89Kb
<!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>Contact — 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/20.jpg" data-parallax="image">
<div class="container">
<div class="page-heading">
<h1>About Us</h1>
<div class="page-link">
<a href="#">Contact Us</a>
<a href="#">Contact Us</a>
</div>
</div>
<!-- /.page-heading -->
</div>
<!-- /.container -->
</section>
<!-- /#page-banner -->
<!--===========================-->
<!--= Contact =-->
<!--===========================-->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="contact">
<h2 class="contact-title">Contact Us</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<br> eirmod tempor invidunt ut labore et dolore.
</p>
<form action="process.php" id="contact-form" method="post">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group" id="name-field">
<input class="form-control contact-form-field cffield-upper" name="fname" id="form-name" placeholder="Name" type="text" required="">
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group" id="email-field">
<input class="form-control contact-form-field cffield-upper" name="femail" id="form-email" placeholder="Email" type="email" required="">
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="form-group" id="subject-field">
<input class="form-control contact-form-field cffield-upper" name="fsubject" id="form-subject" placeholder="Subject" type="text" required="">
</div>
</div>
<div class="col-md-12">
<div class="form-group form-text text-center" id="message-field">
<textarea cols="30" rows="6" placeholder="Your message" class="form-control contact-form-field" name="fmessage" id="form-message" required=""></textarea>
<grammarly-btn>
<div style="visibility: hidden; z-index: 2;" class="_e725ae-textarea_btn _e725ae-not_focused" data-grammarly-reactid=".0">
<div class="_e725ae-transform_wrap" data-grammarly-reactid=".0.0">
<div title="Protected by Grammarly" class="_e725ae-status" data-grammarly-reactid=".0.0.0"> </div>
</div>
</div>
</grammarly-btn>
</div>
</div>
<div class="col-md-12">
<button class="dt-btn" type="submit">Send Massage</button>
</div>
</div>
</form>
</div>
<!-- /.contact -->
</div>
<!-- /.col-md-7 -->
<div class="col-md-4">
<div class="contact-address">
<div class="address">
<div class="con-icon">
<i class="fa fa-map-marker"></i>
</div>
<h5>Location</h5>
<p>29/3 Baten Kha Mor, Molla Tower,<br> Nawabganj 6300 </p>
</div>
<div class="address">
<div class="con-icon">
<i class="fa fa-phone"></i>
</div>
<h5>Phone</h5>
<p>+1 1254 7758 11,<br> +1 789 12 456 </p>
</div>
<div class="address">
<div class="con-icon">
<i class="fa fa-paper-plane-o"></i>
</div>
<h5>Email Address</h5>
<p>info@example.com,<br> support@example.com </p>
</div>
</div>
<!-- /.contact-address -->
</div>
<!-- /.col-md-5 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<div class="google-map">
<div class="show-map">
<div class="gmap3-area" data-lat="23.733248" data-lng="90.412040" data-mrkr="assets/img/map-marker.png">
</div>
<!-- /.gmap3-area -->
</div>
<!-- /.show-map -->
</div>
<!-- /.google-map -->
</section>
<!-- /#contact -->
<!--==========================-->
<!--= 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>