File size: 16.84Kb
<!DOCTYPE html>
<html lang="en">
<head>
<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 - Responsive Hosting & Technology Site Template</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400i,500,600,700,800,900" rel="stylesheet">
<link href="css/slicknav.min.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- preloader start -->
<div id="cssload-wrapper">
<div class="cssload-loader">
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-loader-circle-1">
<div class="cssload-loader-circle-2"></div>
</div>
<div class="cssload-needle"></div>
<div class="cssload-loading">loading</div>
</div>
</div>
<!-- preloader End -->
<!-- header start -->
<div class="header-area">
<div class="container">
<div class="row">
<div class="col-sm-1 col-xs-3 logo">
<a href="index.html"><img src="img/logo.png" data-retina="img/logo2.png" alt=""></a>
</div>
<div class="col-sm-8 col-xs-9 mainmenu">
<ul id="mainmenu">
<li><a href="#">Homepages</a>
<ul class="drop-menu">
<li><a href="index.html">Home v1</a></li>
<li><a href="index-2.html">Home v2</a></li>
</ul>
</li>
<li><a href="#">Company</a>
<ul class="drop-menu">
<li><a href="about.html">About us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="jobs.html">Career</a></li>
</ul>
</li>
<li><a href="#">Products</a>
<ul class="drop-menu">
<li><a href="product-details-1.html">Shared hosting</a></li>
<li><a href="product-details-2.html">Cloud Hosting</a></li>
<li><a href="product-details-3.html">Wordpress hosting</a></li>
<li><a href="product-details-4.html">Dedicated hosting</a></li>
</ul>
</li>
<li><a href="domain.html">Domain</a></li>
<li><a href="services.html">Pricing</a></li>
<li><a href="#">Pages</a>
<ul class="drop-menu">
<li><a href="index.html">Home v1</a></li>
<li><a href="index-2.html">Home v2</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="signup.html">SignUp</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="jobs.html">Career</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-sm-3 col-xs-6 header-right">
<div class="login-btn-area"> <a href="#" class="login-btn">Log In</a> </div>
<div class="account-btn"> <a href="#" class="create-account-btn button-hover">create an account</a> </div>
</div>
</div>
</div>
</div>
<!-- header End -->
<!-- inner-hero start -->
<div class="inner-hero-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inner-hero-content">
<h1>Get in touch</h1>
<h4><a href="index.html" class="home">Home</a> <span class="devider"> / </span>Get in touch</h4>
</div>
</div>
</div>
</div>
</div>
<!-- inner-hero End -->
<!-- contact-issue-area Start -->
<section class="contact-issue-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="contact-issue-area-content">
<div class="row">
<div class="col-sm-4">
<div class="single-contact-issue single-issue-one active-issue">
<div class="single-issue-icon">
<img src="img/single-issue-icon1.png" alt="">
<div class="hover-icon">
<img src="img/single-issue-hover-icon1.png" alt="">
</div>
</div>
<div class="single-issue-details">
<h4>Need Support?</h4>
<p>Open a support ticket and get help fast</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="single-contact-issue single-issue-two">
<div class="single-issue-icon">
<img src="img/single-issue-icon2.png" alt="">
<div class="hover-icon">
<img src="img/single-issue-hover-icon2.png" alt="">
</div>
</div>
<div class="single-issue-details">
<h4>Pre-sale Question?</h4>
<p>Have a question before making payment?</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="single-contact-issue single-issue-three">
<div class="single-issue-icon">
<img src="img/single-issue-icon3.png" alt="">
<div class="hover-icon">
<img src="img/single-issue-hover-icon3.png" alt="">
</div>
</div>
<div class="single-issue-details">
<h4>Report Error</h4>
<p>Open a support ticket and get help fast</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="main-contact-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<form action="http://www.formspree.io/sampleblue@gmail.com">
<div class="main-contact-input-area">
<div class="row">
<div class="col-sm-6">
<div class="main-contact-single-input">
<input type="text" placeholder="Name*" id="user_name" name="user_name">
</div>
</div>
<div class="col-sm-6">
<div class="main-contact-single-input">
<input type="email" placeholder="Email Address*" id="your_email" name="your_email">
</div>
</div>
<div class="col-sm-12">
<div class="main-contact-select-area">
<select name="topic" id="topic">
<option value="Seloect a Topic*">Seloect a Topic*</option>
<option value="Need Support?">Need Support?</option>
<option value="Pre-sale Question?">Pre-sale Question?</option>
<option value="Sample Error">Sample Error </option>
</select>
</div>
<div class="main-contact-single-input">
<textarea name="message" id="message" Placeholder="Give some description"></textarea>
</div>
<div class="main-contact-ticket-btn">
<button type="button" id="ticket_button" name="ticket_button" class="contact-submit-btn button-hover">Submit ticket</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- contact-issue-area End -->
<!-- footer start -->
<footer class="footer-area">
<div class="footer-widget-area">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Products</h3>
<ul>
<li><a href="#">Compute</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Load Balancer</a></li>
<li><a href="#">Monitoring</a></li>
<li><a href="#">Apps</a></li>
<li><a href="#">Teams</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Resources</h3>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">API</a></li>
<li><a href="#">Vultr Docs</a></li>
<li><a href="#">Benchmarks</a></li>
<li><a href="#">Server Status</a></li>
<li><a href="#">Legal</a></li>
<li><a href="#">Toolbox</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Information</h3>
<ul>
<li><a href="#">For Business</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Customers</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Contact Sales</a></li>
<li><a href="#">Hatch</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Company</h3>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Logos & Banners</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">SLA</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row footer-bottom-content">
<div class="col-md-5">
<div class="footer-paragraph">
<p>Copyright 2017 © Blue Corporation. All rights reserved.</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-middle">
<ul>
<li><a href="#">Terms of Services</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="footer-social-icon">
<ul>
<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-linkedin"></i></a>
</li>
<li>
<a href="#"> <i class="fa fa-google-plus"></i></a>
</li>
<li>
<a href="#"> <i class="fa fa-pinterest"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer End -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- <script src="js/jquery.magnific-popup.min.js"></script>-->
<script src="js/jquery.slicknav.min.js"></script>
<!-- <script src="js/isotope.pkgd.min.js"></script>-->
<script src="js/owl.carousel.min.js"></script>
<!-- ================= wow Js ======== -->
<script src="js/wow.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>