File size: 28.31Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hustbee</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css">
<link rel="stylesheet" type="text/css" href="css/slick.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
<body>
<div id="header-holder">
<nav id="nav" class="navbar navbar-full">
<div class="container-fluid">
<div class="container container-nav">
<div class="row">
<div class="col-md-12">
<div class="navbar-header">
<button aria-expanded="false" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/logo.svg" alt="Hustbee"></a>
</div>
<div style="height: 1px;" role="main" aria-expanded="false" class="navbar-collapse collapse navbar-collapse-centered" id="bs">
<ul class="nav navbar-nav navbar-nav-centered">
<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Hosting Services</a>
<div class="dropdown-menu custom-dropdown-menu">
<div class="dropdown-items-holder">
<div class="items-with-icon">
<div class="row">
<div class="col-xs-12 col-sm-6">
<a href="webhosting.html" class="link-with-icon">
<span class="icon"><img src="images/server1.svg" alt=""></span>
<span class="text">Web Hosting</span>
</a>
<a href="cloudhosting.html" class="link-with-icon">
<span class="icon"><img src="images/server2.svg" alt=""></span>
<span class="text">Cloud Hosting</span>
</a>
<a href="vpshosting.html" class="link-with-icon">
<span class="icon"><img src="images/server3.svg" alt=""></span>
<span class="text">VPS Hosting</span>
</a>
</div>
<div class="col-xs-12 col-sm-6">
<a href="wordpresshosting.html" class="link-with-icon">
<span class="icon"><img src="images/server4.svg" alt=""></span>
<span class="text">Wordpress Hosting</span>
</a>
<a href="dedicatedhosting.html" class="link-with-icon">
<span class="icon"><img src="images/server5.svg" alt=""></span>
<span class="text">Dedicated Hosting</span>
</a>
<a href="domains.html" class="link-with-icon">
<span class="icon"><img src="images/server6.svg" alt=""></span>
<span class="text">Domain Names</span>
</a>
</div>
</div>
</div>
<div class="items">
<div class="row">
<div class="col-xs-12 col-sm-6">
<a href="#" class="link">Hustbee Features</a>
</div>
<div class="col-xs-12 col-sm-6">
<a href="#" class="link">Website builder</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="domains.html">Domains</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Support</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="about.html">About</a></li>
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
<li><a class="dropdown-item" href="privacy.html">Privacy</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right other-navbar">
<li class="nav-item">
<a class="nav-link btn-client-area" href="login.html"><img src="images/lock.svg" alt="">Client Area</a>
<div class="chat-info"><i class="hstb hstb-right-arrow"></i>Chat Available</div>
</li>
<li class="nav-item">
<a class="nav-link btn-chat" href="#"><i class="hstb hstb-chat"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<div id="top-content" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-slider">
<div class="slide">
<div class="row rtl-row">
<div class="col-sm-5">
<div class="img-holder">
<img src="images/slide-img1.png" alt="">
</div>
</div>
<div class="col-sm-7">
<div class="b-text">Outstanding Web<br>Hosting for you.</div>
<div class="m-text">Starting at only <span class="bold">$2.38/mo*</span></div>
<a href="#" class="hbtn hbtn-primary hbtn-lg">Hosting Services</a>
</div>
</div>
</div>
<div class="slide">
<div class="row rtl-row">
<div class="col-sm-5">
<div class="img-holder">
<img src="images/slide-img2.png" alt="">
</div>
</div>
<div class="col-sm-7">
<div class="b-text">Create your first<br>website today.</div>
<div class="m-text">Starting at only <span class="bold">$2.38/mo*</span></div>
<a href="#" class="hbtn hbtn-primary hbtn-lg">Create now</a>
</div>
</div>
</div>
<div class="slide">
<div class="row rtl-row">
<div class="col-sm-5">
<div class="img-holder">
<img src="images/slide-img3.png" alt="">
</div>
</div>
<div class="col-sm-7">
<div class="b-text">Build your site<br>with page builder</div>
<div class="m-text">Starting at only <span class="bold">$2.38/mo*</span></div>
<a href="#" class="hbtn hbtn-primary hbtn-lg">Learn more</a>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="col-xs-12">
<div class="main-domain-search-holder">
<div class="b-text">Simple, affordable<br>Web Hosting</div>
<form>
<div class="row">
<div class="col-md-12">
<div class="input-items">
<input type="text" class="form-control domain-input" name="domain" placeholder="My domain name" autocapitalize="none" />
<span class="input-items-btn">
<input type="submit" class="btn search" value="Search" />
<input type="submit" name="transfer" class="btn transfer" value="Transfer" />
</span>
</div>
</div>
</div>
</form>
<div class="m-text">Starting at only <span class="bold">$2.38/mo*</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="features container-fluid">
<div class="container">
<div class="row rtl-row">
<div class="col-sm-5">
<div class="img-holder">
<img src="images/feature1.png" alt="">
</div>
</div>
<div class="col-sm-7">
<div class="feature-info">
<div class="feature-title">Hosting For Every Website</div>
<div class="feature-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas posuere euismod dui eget ultrices. Cras condimentum dui eget erat commodo, in venenatis eros blandit.</div>
<div class="feature-link"><a href="#" class="hbtn hbtn-default">Get Started!</a></div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="img-holder">
<img src="images/feature2.png" alt="">
</div>
</div>
<div class="col-sm-7 def-aligned">
<div class="feature-info">
<div class="feature-title">In a hurry? let’s start!</div>
<div class="feature-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas posuere euismod dui eget ultrices. Cras condimentum dui eget erat commodo, in venenatis eros blandit.</div>
<div class="feature-link"><a href="#" class="hbtn hbtn-default">Get Started!</a></div>
</div>
</div>
</div>
<div class="row rtl-row">
<div class="col-sm-5">
<div class="img-holder">
<img src="images/feature3.png" alt="">
</div>
</div>
<div class="col-sm-7">
<div class="feature-info">
<div class="feature-title">Grow with us</div>
<div class="feature-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas posuere euismod dui eget ultrices. Cras condimentum dui eget erat commodo, in venenatis eros blandit.</div>
<div class="feature-link"><a href="#" class="hbtn hbtn-default">Get Started!</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="pricing container-fluid">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="row-title">Our hosting services</div>
</div>
</div>
<div class="row custom-padding">
<div class="col-sm-6 col-md-4">
<div class="pricing-box">
<div class="pricing-title">Web Hosting</div>
<div class="pricing-icon">
<div class="icon"><img src="images/server1.svg" alt=""></div>
</div>
<div class="pricing-details">
<ul>
<li>User-friendly building tools</li>
<li>Host unlimited domains</li>
<li>Perfect for small sites/blogs</li>
</ul>
</div>
<div class="pricing-price">
<div class="price-info">Starting at only</div>
<div class="price">
<span class="currency">$</span><span class="num">2.75</span><span class="duration">/mo</span>
</div>
</div>
<div class="pricing-button">
<a href="webhosting.html">Get Started!</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="pricing-box">
<div class="pricing-title">Wordpress Hosting</div>
<div class="pricing-icon">
<div class="icon"><img src="images/server4.svg" alt=""></div>
</div>
<div class="pricing-details">
<ul>
<li>Host up to 2 websites</li>
<li>Experience faster load times</li>
<li>Easy to use WP control panel</li>
</ul>
</div>
<div class="pricing-price">
<div class="price-info">Starting at only</div>
<div class="price">
<span class="currency">$</span><span class="num">5.34</span><span class="duration">/mo</span>
</div>
</div>
<div class="pricing-button">
<a href="wordpresshosting.html">See Plans</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="pricing-box">
<div class="pricing-title">Cloud Hosting</div>
<div class="pricing-icon">
<div class="icon"><img src="images/server2.svg" alt=""></div>
</div>
<div class="pricing-details">
<ul>
<li>Up to 2X Faster</li>
<li>4X More Scalable</li>
<li>Intuitive Dashboard</li>
</ul>
</div>
<div class="pricing-price">
<div class="price-info">Starting at only</div>
<div class="price">
<span class="currency">$</span><span class="num">7.99</span><span class="duration">/mo</span>
</div>
</div>
<div class="pricing-button">
<a href="cloudhosting.html">Know more</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="pricing-box">
<div class="pricing-title">VPS Hosting</div>
<div class="pricing-icon">
<div class="icon"><img src="images/server3.svg" alt=""></div>
</div>
<div class="pricing-details">
<ul>
<li>Dedicated Control</li>
<li>Full Root Access</li>
<li>Scalable Resources</li>
</ul>
</div>
<div class="pricing-price">
<div class="price-info">Starting at only</div>
<div class="price">
<span class="currency">$</span><span class="num">20.40</span><span class="duration">/mo</span>
</div>
</div>
<div class="pricing-button">
<a href="vpshosting.html">Get Started!</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="pricing-box">
<div class="pricing-title">Dedicated Hosting</div>
<div class="pricing-icon">
<div class="icon"><img src="images/server5.svg" alt=""></div>
</div>
<div class="pricing-details">
<ul>
<li>Full root access</li>
<li>4 core CPU | 8GB RAM | 1TB disk</li>
<li>Unmetered bandwith</li>
</ul>
</div>
<div class="pricing-price">
<div class="price-info">Starting at only</div>
<div class="price">
<span class="currency">$</span><span class="num">22.80</span><span class="duration">/mo</span>
</div>
</div>
<div class="pricing-button">
<a href="dedicatedhosting.html">See Plans</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="pricing-box">
<div class="pricing-title">Domain names</div>
<div class="pricing-icon">
<div class="icon"><img src="images/server6.svg" alt=""></div>
</div>
<div class="pricing-details">
<ul>
<li>User-friendly building tools</li>
<li>Host unlimited domains</li>
<li>Perfect for small sites/blogs</li>
</ul>
</div>
<div class="pricing-price">
<div class="price-info">Starting at only</div>
<div class="price">
<span class="currency">$</span><span class="num">50.22</span><span class="duration">/mo</span>
</div>
</div>
<div class="pricing-button">
<a href="domains.html">Know more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="latest-news container-fluid">
<div class="container">
<div class="row">
<div class="col-sm-8">
<div class="row-title">
Latest news from our blog
</div>
</div>
<div class="col-sm-4">
<div class="main-btn-holder">
<a href="blog.html" class="hbtn hbtn-default">View more</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="post-box blue-bg">
<div class="post-img"></div>
<span class="badge badge-danger">Hot</span>
<div class="post-title">Discover our new website builder</div>
<div class="post-link"><a href="#">Learn more</a></div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="post-box grey-bg">
<div class="post-img"></div>
<span class="badge badge-info">Hot</span>
<div class="post-title">New Data center in Germany & USA</div>
<div class="post-link"><a href="#">Learn more</a></div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="post-box yellow-bg">
<div class="post-img"></div>
<span class="badge badge-dark">Hot</span>
<div class="post-title">Discover our newwebsite builder</div>
<div class="post-link"><a href="#">Learn more</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="domain-search-holder container-fluid">
<div class="container">
<form>
<div class="row">
<div class="col-sm-12 col-md-4 col-lgmd-4"><div class="title">Search a domain</div></div>
<div class="col-sm-8 col-md-5 col-lgmd-6">
<input class="domain-input" type="text" placeholder="Domain name">
</div>
<div class="col-sm-4 col-md-3 col-lgmd-2">
<button type="submit">Search now</button>
</div>
</div>
</form>
</div>
</div>
<div class="support-links container-fluid">
<div class="row">
<div class="col-sm-6 hylink-holder">
<div class="hylink-box">
<div class="icon"><img src="images/info.svg" alt=""></div>
<a href="#" class="link">Let’s talk</a>
<div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem ccusantium.</div>
</div>
</div>
<div class="col-sm-6 hylink-holder">
<div class="hylink-box">
<div class="icon"><img src="images/chat.svg" alt=""></div>
<a href="#" class="link">Go to support center</a>
<div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem ccusantium.</div>
</div>
</div>
</div>
</div>
<div class="footer container-fluid">
<a class="btn-go-top" href="#"><i class="hstb hstb-down-arrow"></i></a>
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2">
<div class="footer-menu">
<h4>Company</h4>
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="blog.html">Press & Media</a></li>
<li><a href="blog.html">News & Blog</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2">
<div class="footer-menu">
<h4>Hosting</h4>
<ul>
<li><a href="webhosting.html">Web Hosting</a></li>
<li><a href="wordpresshosting.html">Wordpress Hosting</a></li>
<li><a href="cloudhosting.html">Cloud Hosting</a></li>
<li><a href="vpshosting.html">VPS Hosting</a></li>
<li><a href="dedicatedhosting.html">Dedicated Hosting</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2">
<div class="footer-menu">
<h4>Domains</h4>
<ul>
<li><a href="domains.html">Register Domains</a></li>
<li><a href="domains.html">Transfer Domains</a></li>
<li><a href="domains.html">Manage Domains</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
<div class="footer-menu">
<h4>Support</h4>
<ul>
<li><a href="login.html">Client area</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="footer-menu custom-footer-menu">
<h4>Contact us</h4>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
<ul>
<li>Tel: +(973) 17 880038</li>
<li><a href="#">Chatting service</a></li>
<li><a href="#">Submit a ticket</a></li>
<li><a href="#">Our location</a></li>
</ul>
</div>
</div>
</div>
<div class="sub-footer">
<div class="row">
<div class="col-md-6">
<div class="sub-footer-menu">
<ul>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="copyright">© Copyright 2018 Hustbee Hosting LLC, All Rights Reserved</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>