File size: 16.71Kb
<!DOCTYPE html>
<html lang="en" class="js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=" a multi purpose landing page">
<meta name="author" content="bestpixels">
<!-- Fav Icon -->
<link rel="shortcut icon" href="images/ico/favicon.png">
<link href="images/ico/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/ico/favicon.ico" rel="icon" type="image/x-icon">
<!-- Site Title -->
<title>Hoster | Hosting Service HTML Template</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.css" >
<!-- FontAwesome -->
<link rel="stylesheet" href="lib/font-awesome-4.3.0/css/font-awesome.min.css" >
<!-- OWL CSS -->
<link rel="stylesheet" href="lib/owl.carousel/owl-carousel/owl.carousel.css"/>
<link rel="stylesheet" href="lib/owl.carousel/owl-carousel/owl.theme.css"/>
<!-- Custom styles for this template -->
<link href="css/font.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/color.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="home-area parallax">
<div class="container">
<div class="top-bar">
<div class="row">
<div class="col-md-6 col-sm-6 mobile-center">
<div class="logo"><a href="#"><img src="images/logo.png" alt="logo" /></a></div>
</div>
<div class="col-md-6 col-sm-6 text-right mobile-center">
<a href="" class="button red">Support <img src="images/support.png" alt="" /> </a>
</div>
</div>
</div>
<div class="home-more-area">
<div class="row">
<div class="col-md-6 tab-center">
<img src="images/home.png" alt="home" />
</div>
<div class="col-md-6 text-center">
<div class="home-right">
<div class="featured-offer">
<div class="featured-offer-innr">
<p>Starting at</p>
<h3><span>$</span>3.99</h3>
<p>/Month</p>
</div>
</div>
<h6>Dedicated, Customizable , Fast, Affordable</h6>
<h2>Web Hosting Services</h2>
<h5>vps//shared//reseller//cloud </h5>
<ul>
<li><a href="" class="button orange more-feature">More Features</a></li>
<li><a href="" class="button blue go-form">Get Started Now!</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="features-area">
<div class="container">
<div class="features-area-box-outer">
<div class="features-area-box">
<div class="row text-center">
<div class="col-md-4 col-sm-6">
<div class="single-feature">
<img src="images/features-icon/large/1.png" alt="features" />
<h6>Assured Speed</h6>
<div class="fetu-line"></div>
<p>Redundant network connections at the backbone with 100 Mbit bandwidth enables rapid data transmission</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-feature">
<img src="images/features-icon/large/2.png" alt="features" />
<h6>IDEAL PROTECTION</h6>
<div class="fetu-line"></div>
<p>Our advanced virtualization platforms and RAID protected hard drives ensure the highest data security</p>
</div>
</div>
<div class="col-sm-3"></div>
<div class="col-md-4 col-sm-6">
<div class="single-feature">
<img src="images/features-icon/large/3.png" alt="features" />
<h6>Advanced Storage</h6>
<div class="fetu-line"></div>
<p>Our VPS come with up to 12 GB of RAM and 400 GB hard disk space, providing capacity for a variety of applications</p>
</div>
</div>
<div class="col-sm-3"></div>
</div>
</div>
</div>
</div>
</div>
<div class="more-features-area" id="more-feature">
<div class="container">
<div class="section-head">
<div class="row text-center">
<div class="col-md-3"></div>
<div class="col-md-6">
<h3>Hoster’s More Features</h3>
<p>Benefit from maximum availability, the best performance, and professional customer service. Allow us the opportunity to exceed your expectations.</p>
</div>
<div class="col-md-3"></div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="single-more-features">
<img src="images/features-icon/small/1.png" alt="features" />
<h6>Data Security</h6>
<p>We provides daily automatic backup of your data for up to the previous 14 days.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-more-features">
<img src="images/features-icon/small/2.png" alt="features" />
<h6>Data Monitoring</h6>
<p>We provide better data monitoring via your desktop or smartphone for all plans domains.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-more-features">
<img src="images/features-icon/small/3.png" alt="features" />
<h6>24/7 Support</h6>
<p>We are here 24/7/365 to assist you with any aspect of your hosting experience.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-more-features">
<img src="images/features-icon/small/4.png" alt="features" />
<h6>Advanced Storage</h6>
<p>Unlike other hosting companies, We lets you use solid-state drives to host all types of data.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-more-features">
<img src="images/features-icon/small/5.png" alt="features" />
<h6>Technical Service</h6>
<p>We hand-pick our team and only choose the most knowledgeable and friendly technicians</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-more-features">
<img src="images/features-icon/small/6.png" alt="features" />
<h6>Bugs Free</h6>
<p>We protect your website from viruses, hackers, search engine blacklists.</p>
</div>
</div>
</div>
</div>
</div>
<div class="cta-area parallax">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-5">
<div class="cta-offer">
<img src="images/offer.png" alt="offer" />
<div class="offer-pos">
<div class="offer">
<div class="offer-innr">
<p>Starting at</p>
<h3><span>$</span> 10</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-7">
<h5>Get up to</h5>
<h1>35% Discount!</h1>
<h5>On Every Domain</h5>
</div>
<div class="col-md-3 mobile-center">
<a href="#" class="button orange">Start Now</a>
</div>
</div>
</div>
</div>
<div class="pricing-area">
<div class="container">
<div class="section-head">
<div class="row text-center">
<div class="col-md-3"></div>
<div class="col-md-6">
<h3>Shared Hosting Plans</h3>
<p>When building a website, start here. Our shared service delivers a powerful, proven platform that's perfect for hosting your websites</p>
</div>
<div class="col-md-3"></div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="single-pricing">
<div class="top-outer">
<div class="top red">
<img src="images/plan-icon.png" alt="plan" />
<h4>Standard</h4>
</div>
</div>
<div class="bottom text-center red-color">
<h2><span>$</span>3.99 <small>/Month</small></h2>
<div class="price-line"></div>
<ul>
<li><strong>1GB</strong> Space</li>
<li><strong>256 MB</strong> Memory</li>
<li><strong>24/7</strong> Full Support</li>
<li><strong>Free</strong> Domain Name</li>
<li><strong>1 FTP</strong> Account</li>
</ul>
<a href="#" class="button black red">Start Now!</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-pricing">
<div class="top-outer">
<div class="top dark-blue">
<img src="images/plan-icon.png" alt="plan" />
<h4>Premium</h4>
</div>
</div>
<div class="bottom text-center dark-blue-color">
<h2><span>$</span>5.99 <small>/Month</small></h2>
<div class="price-line"></div>
<ul>
<li><strong>1GB</strong> Space</li>
<li><strong>256 MB</strong> Memory</li>
<li><strong>24/7</strong> Full Support</li>
<li><strong>Free</strong> Domain Name</li>
<li><strong>1 FTP</strong> Account</li>
</ul>
<a href="#" class="button black dark-blue">Start Now!</a>
</div>
</div>
</div>
<div class="col-sm-3"></div>
<div class="col-md-4 col-sm-6">
<div class="single-pricing">
<div class="top-outer">
<div class="top blue">
<img src="images/plan-icon.png" alt="plan" />
<h4>Unlimited</h4>
</div>
</div>
<div class="bottom text-center blue-color">
<h2><span>$</span>8.99 <small>/Month</small></h2>
<div class="price-line"></div>
<ul>
<li><strong>1GB</strong> Space</li>
<li><strong>256 MB</strong> Memory</li>
<li><strong>24/7</strong> Full Support</li>
<li><strong>Free</strong> Domain Name</li>
<li><strong>1 FTP</strong> Account</li>
</ul>
<a href="#" class="button black blue">Start Now!</a>
</div>
</div>
</div>
<div class="col-sm-3"></div>
</div>
</div>
</div>
<div class="testimonial-area">
<div class="container">
<div class="section-head">
<div class="row text-center">
<div class="col-md-3"></div>
<div class="col-md-6">
<h3>What They Say About Hoster</h3>
<p>Read what our clients have to say. All testimonials are unsolicited, however some have been edited for clarity and/or length</p>
</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
<div class="testimonial-innr parallax">
<div class="container">
<div id="owl-example" class="owl-carousel testimonials">
<div class="single-testimonial">
<div class="row text-center">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="client-img">
<img src="images/testimonial/1.jpg" alt="testimonial" />
</div>
<img src="images/quote.png" alt="" class="quote" />
<blockquote>Mauris eu consectetur libero, sit amet eleifend quam. Nunc ac lorem nec augue aliquam elementum ac velturpis.Mauris eu consectetur libero, sit Mauris eu consectetur libero, sit amet eleifend quam. Nunc ac lorem nec augue aliquam elemen set emut it ret that forse.</blockquote>
<h5>ROGER T. JHON - <small>Tisto Marketing</small></h5>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="single-testimonial">
<div class="row text-center">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="client-img">
<img src="images/testimonial/1.jpg" alt="testimonial" />
</div>
<img src="images/quote.png" alt="" class="quote" />
<blockquote>Mauris eu consectetur libero, sit amet eleifend quam. Nunc ac lorem nec augue aliquam elementum ac velturpis.Mauris eu consectetur libero, sit Mauris eu consectetur libero, sit amet eleifend quam. Nunc ac lorem nec augue aliquam elemen set emut it ret that forse.</blockquote>
<h5>ROGER T. JHON - <small>Tisto Marketing</small></h5>
</div>
<div class="col-md-2"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-area" id="form-area">
<div class="container">
<div class="form-area-box-outer">
<div class="form-area-box">
<div class="section-head">
<div class="row text-center">
<div class="col-md-3"></div>
<div class="col-md-6">
<h3>Get Started Today!</h3>
<p>You may contact us for any kindly of query regarding web hosting or domain we will deal you and welcome you on priority.</p>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-2"></div>
<div class="col-md-6 col-sm-8">
<div class="form">
<form action="sendmail.php" id="contactform" class="contact-form text-center" role="form">
<!-- IF MAIL SENT SUCCESSFULLY -->
<h6 class="success">
<span class="olored-text icon_check"></span> Your message has been sent successfully.</h6>
<!-- IF MAIL SENDING UNSUCCESSFULL -->
<h6 class="error">
<span class="colored-text icon_error-circle_alt"></span> E-mail must be valid.</h6>
<input id="cf-name" type="text" name="cf-name" placeholder="Your Name">
<input id="cf-email" type="email" name="cf-email" placeholder="Your Email">
<input id="cf-phone" type="text" name="cf-phone" placeholder="Your phone">
<input type="submit" class="button red" value="Call Me Now !" id="submit" name="submit" data-style="expand-left"/>
</form>
</div>
</div>
<div class="col-md-3 col-sm-2"></div>
</div>
<div class="row text-center">
<div class="col-md-12">
<p>We Accept</p>
<ul class="payment-methods">
<li><img src="images/payment/1.png" alt="payment method" /></li>
<li><img src="images/payment/2.png" alt="payment method" /></li>
<li><img src="images/payment/3.png" alt="payment method" /></li>
<li><img src="images/payment/4.png" alt="payment method" /></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clients-area">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<ul>
<li><img src="images/client/1.png" alt="client" /></li>
<li><img src="images/client/2.png" alt="client" /></li>
<li><img src="images/client/3.png" alt="client" /></li>
<li><img src="images/client/4.png" alt="client" /></li>
</ul>
</div>
</div>
</div>
</div>
<div class="contact-info-area parallax">
<div class="container">
<div class="row text-center">
<div class="col-md-4"></div>
<div class="col-md-4">
<img src="images/marker.png" alt="marker" />
<h6>Get in Touch with us</h6>
<p>Envato PO Box 21177 nLittle Lonsdale St, <br /> Melbourne nVictoria 8011 <br /> AustralianABN 11 119 159 741 </p>
<ul class="social-buttons">
<!-- Facebook -->
<li><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/BestPixels&layout=button_count&show_faces=true&action=like&colorscheme=light&" ></iframe></li>
<!-- Twitter -->
<li><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a></li>
</ul>
</div>
<div class="col-md-4"></div>
</div>
</div>
</div>
<div class="footer-bar">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<p>All rights reserved Copyright © 2015 Hoster by <a href="">BestPixels</a> & <a href="">Codeliono</a></p>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- jQuery Parallax
================================================== -->
<script src="lib/jquery-parallax/scripts/jquery.parallax-1.1.3.js"></script>
<!-- jQuery OWL
================================================== -->
<script src="lib/owl.carousel/owl-carousel/owl.carousel.min.js"></script>
<!-- jQuery ajaxchimp
================================================== -->
<script src="js/jquery.ajaxchimp.min.js"></script>
<!-- jQuery Custom
================================================== -->
<script src="js/custom.js" type="text/javascript"></script>
<!-- Tweet Script
================================================== -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</body>
</html>