File size: 36.31Kb
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
<title>Hostify</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-slider.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" class="inner-header web-hosting-page">
<nav id="nav" class="navbar navbar-default 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="logo-holder" href="index.html">
<div class="logo" style="width:62px;height:18px"></div>
</a>
</div>
<div style="height: 1px;" role="main" aria-expanded="false" class="navbar-collapse collapse" id="bs">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li class="dropdown unity-menu">
<a href="#pricing">Hosting <i class="fas fa-caret-down"></i></a>
<ul class="dropdown-menu dropdown-unity">
<li>
<a class="unity-link" href="webhosting.html">
<div class="unity-box">
<div class="unity-icon">
<img src="images/service-icon1.svg" alt="">
</div>
<div class="unity-title">
Web Hosting
</div>
<div class="unity-details">
Flexible shared-hosting
</div>
</div>
</a>
</li>
<li>
<a class="unity-link" href="resellershosting.html">
<div class="unity-box">
<div class="unity-icon">
<img src="images/service-icon2.svg" alt="">
</div>
<div class="unity-title">
Resellers
</div>
<div class="unity-details">
Money on the side!
</div>
</div>
</a>
</li>
<li>
<a class="unity-link" href="cloudhosting.html">
<div class="unity-box">
<div class="unity-icon">
<img src="images/service-icon3.svg" alt="">
</div>
<div class="unity-title">
Cloud Hosting
</div>
<div class="unity-details">
Fast as rocket
</div>
</div>
</a>
</li>
<li>
<a class="unity-link" href="vpshosting.html">
<div class="unity-box">
<div class="unity-icon">
<img src="images/service-icon4.svg" alt="">
</div>
<div class="unity-title">
VPS Servers
</div>
<div class="unity-details">
Scalable hosting
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#">Pages <i class="fas fa-caret-down"></i></a>
<ul class="dropdown-menu">
<li><a href="about.html">Company</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="domains.html">Domain List</a></li>
<li><a href="ourservers.html">Servers</a></li>
<li><a href="mapdata.html">Map Generator</a></li>
<li><a href="horizontalpricing.html">Horizontal Pricing</a></li>
</ul>
</li>
<li><a href="../../whmcs/index.php?systpl=hostify">WHMCS</a></li>
<li><a href="contact.html">Contact us</a></li>
<li><a class="login-button" href="signin.html">Login</a></li>
<li class="support-button-holder support-dropdown">
<a class="support-button" href="#">Support</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fas fa-phone"></i>Toll-Free 08-197-435-01</a></li>
<li><a href="#"><i class="fas fa-comments"></i>Start a Live Chat</a></li>
<li><a href="#"><i class="fas fa-ticket-alt"></i>Open a ticket</a></li>
<li><a href="#"><i class="fas fa-book"></i>Knowledge base</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<div id="page-head" class="container-fluid inner-page">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="page-title">Horizontal Pricing</div>
<div id="page-icon">
<div class="pricing-icon">
<img src="images/service-icon1.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="h-info" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="info-text grey-text">adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure.</div>
</div>
</div>
</div>
</div>
<div id="pricing" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="pricing-box pricing-box-simple pricing-box-horizontal pricing-color1">
<div class="pricing-content">
<div class="pricing-head">
<div class="pricing-title">Starter Plan</div>
</div>
<div class="pricing-features-holder">
<div class="pricing-features">
<ul>
<li>Great for Starting Website 1</li>
<li>Small Websites 1</li>
<li>Startups 1</li>
</ul>
</div>
</div>
<div class="pricing-details">
<ul>
<li>Unlimited Storage</li>
<li>500 Protected Files</li>
<li>All Sharing Features</li>
<li>Realtime Revoke</li>
<li class="not-included">QNote Editor</li>
<li class="not-included">Offline File Access</li>
</ul>
</div>
<div class="price-link-holder">
<div class="pricing-price-holder">
<div>
<div class="pricing-options">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#monthly1">Monthly</a></li>
<li><a data-toggle="tab" href="#quarterly1">Quarterly</a></li>
<li><a data-toggle="tab" href="#semiannually1">Semi-Annually</a></li>
<li><a data-toggle="tab" href="#annualy1">Annually</a></li>
<li><a data-toggle="tab" href="#biennially1">Biennially</a></li>
<li><a data-toggle="tab" href="#triennially1">Triennially</a></li>
</ul>
<div class="tab-content">
<div id="monthly1" class="tab-pane fade in active">
<div class="pricing-price">$10.00</div>
<div class="billing-cycle">Monthly</div>
<div class="setup-fee">$5.00 Setup Fee</div>
</div>
<div id="quarterly1" class="tab-pane fade">
<div class="pricing-price">$12.00</div>
<div class="billing-cycle">Quarterly</div>
</div>
<div id="semiannually1" class="tab-pane fade">
<div class="pricing-price">$14.00</div>
<div class="billing-cycle">Semi-Annually</div>
</div>
<div id="annualy1" class="tab-pane fade">
<div class="pricing-price">$16.00</div>
<div class="billing-cycle">Annually</div>
</div>
<div id="biennially1" class="tab-pane fade">
<div class="pricing-price">$18.00</div>
<div class="billing-cycle">Biennially</div>
</div>
<div id="triennially1" class="tab-pane fade">
<div class="pricing-price">$20.00</div>
<div class="billing-cycle">Triennially</div>
</div>
</div>
<div class="fix-space"></div>
</div>
</div>
</div>
<div class="pricing-link">
<a class="ybtn" href="#">Order Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="pricing-box pricing-box-simple pricing-box-horizontal pricing-color2 bestbuy">
<div class="pricing-content">
<div class="pricing-head">
<div class="pricing-title">Business Plan</div>
</div>
<div class="pricing-features-holder">
<div class="pricing-features">
<ul>
<li>Great for Starting Website 1</li>
<li>Small Websites 1</li>
<li>Startups 1</li>
</ul>
</div>
</div>
<div class="pricing-details">
<ul>
<li>Unlimited Storage</li>
<li>500 Protected Files</li>
<li>All Sharing Features</li>
<li>Realtime Revoke</li>
<li>Access to Party Integrations</li>
<li>QNote Editor</li>
<li class="not-included">Offline File Access</li>
</ul>
</div>
<div class="price-link-holder">
<div class="pricing-price-holder">
<div>
<div class="pricing-options">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#monthly1">Monthly</a></li>
<li><a data-toggle="tab" href="#quarterly1">Quarterly</a></li>
<li><a data-toggle="tab" href="#semiannually1">Semi-Annually</a></li>
<li><a data-toggle="tab" href="#annualy1">Annually</a></li>
<li><a data-toggle="tab" href="#biennially1">Biennially</a></li>
<li><a data-toggle="tab" href="#triennially1">Triennially</a></li>
</ul>
<div class="tab-content">
<div id="monthly1" class="tab-pane fade in active">
<div class="pricing-price">$20.00</div>
<div class="billing-cycle">Monthly</div>
<div class="setup-fee">$5.00 Setup Fee</div>
</div>
<div id="quarterly1" class="tab-pane fade">
<div class="pricing-price">$24.00</div>
<div class="billing-cycle">Quarterly</div>
</div>
<div id="semiannually1" class="tab-pane fade">
<div class="pricing-price">$28.00</div>
<div class="billing-cycle">Semi-Annually</div>
</div>
<div id="annualy1" class="tab-pane fade">
<div class="pricing-price">$32.00</div>
<div class="billing-cycle">Annually</div>
</div>
<div id="biennially1" class="tab-pane fade">
<div class="pricing-price">$36.00</div>
<div class="billing-cycle">Biennially</div>
</div>
<div id="triennially1" class="tab-pane fade">
<div class="pricing-price">$40.00</div>
<div class="billing-cycle">Triennially</div>
</div>
</div>
<div class="fix-space"></div>
</div>
</div>
</div>
<div class="pricing-link">
<a class="ybtn" href="#">Order Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="pricing-box pricing-box-simple pricing-box-horizontal pricing-color3">
<div class="pricing-content">
<div class="pricing-head">
<div class="pricing-title">Premium Plan</div>
</div>
<div class="pricing-features-holder">
<div class="pricing-features">
<ul>
<li>Great for Starting Website 1</li>
<li>Small Websites 1</li>
<li>Startups 1</li>
</ul>
</div>
</div>
<div class="pricing-details">
<ul>
<li>Unlimited Storage</li>
<li>500 Protected Files</li>
<li>All Sharing Features</li>
<li>Realtime Revoke</li>
<li>Access to Party Integrations</li>
<li>Free Native Apps</li>
<li>QNote Editor</li>
<li>Offline File Access</li>
</ul>
</div>
<div class="price-link-holder">
<div class="pricing-price-holder">
<div>
<div class="pricing-options">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#monthly1">Monthly</a></li>
<li><a data-toggle="tab" href="#quarterly1">Quarterly</a></li>
<li><a data-toggle="tab" href="#semiannually1">Semi-Annually</a></li>
<li><a data-toggle="tab" href="#annualy1">Annually</a></li>
<li><a data-toggle="tab" href="#biennially1">Biennially</a></li>
<li><a data-toggle="tab" href="#triennially1">Triennially</a></li>
</ul>
<div class="tab-content">
<div id="monthly1" class="tab-pane fade in active">
<div class="pricing-price">$30.00</div>
<div class="billing-cycle">Monthly</div>
<div class="setup-fee">$5.00 Setup Fee</div>
</div>
<div id="quarterly1" class="tab-pane fade">
<div class="pricing-price">$36.00</div>
<div class="billing-cycle">Quarterly</div>
</div>
<div id="semiannually1" class="tab-pane fade">
<div class="pricing-price">$42.00</div>
<div class="billing-cycle">Semi-Annually</div>
</div>
<div id="annualy1" class="tab-pane fade">
<div class="pricing-price">$48.00</div>
<div class="billing-cycle">Annually</div>
</div>
<div id="biennially1" class="tab-pane fade">
<div class="pricing-price">$54.00</div>
<div class="billing-cycle">Biennially</div>
</div>
<div id="triennially1" class="tab-pane fade">
<div class="pricing-price">$60.00</div>
<div class="billing-cycle">Triennially</div>
</div>
</div>
<div class="fix-space"></div>
</div>
</div>
</div>
<div class="pricing-link">
<a class="ybtn" href="#">Order Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ifeatures" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row-title">What makes us special?</div>
<div class="row-subtitle"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="feature-box">
<div class="feature-icon">
<img src="images/feature1.png" alt="">
</div>
<div class="feature-title">Share Files</div>
<div class="feature-details">Lorem ipsum dolor sit amir anim
amoe yosner dolner </div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="feature-box">
<div class="feature-icon">
<img src="images/feature2.png" alt="">
</div>
<div class="feature-title">Go Unlimited</div>
<div class="feature-details">Lorem ipsum dolor sit amir anim
amoe yosner dolner </div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="feature-box">
<div class="feature-icon">
<img src="images/feature3.png" alt="">
</div>
<div class="feature-title">Security First</div>
<div class="feature-details">Lorem ipsum dolor sit amir anim
amoe yosner dolner </div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="feature-box">
<div class="feature-icon">
<img src="images/feature4.png" alt="">
</div>
<div class="feature-title">Trusted 100%</div>
<div class="feature-details">Lorem ipsum dolor sit amir anim
amoe yosner dolner </div>
</div>
</div>
</div>
</div>
</div>
<div id="apps" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row-icon"><img src="images/click-icon.png"></div>
<div class="row-title">One-Click Apps</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="apps-holder">
<div class="apps-links-holder">
<div class="app-icon-holder app-icon-holder1 opened" data-id="1">
<div class="app-icon"><img class="grayscale" src="images/wordpress.png" alt="wordpress"></div>
</div>
<div class="app-icon-holder app-icon-holder2" data-id="2">
<div class="app-icon"><img class="brightness" src="images/joomla.png" alt="joomla"></div>
</div>
<div class="app-icon-holder app-icon-holder3" data-id="3">
<div class="app-icon"><img class="grayscale" src="images/drupal.png" alt="drupal"></div>
</div>
<div class="app-icon-holder app-icon-holder4" data-id="4">
<div class="app-icon"><img class="brightness" src="images/magento.png" alt="magento"></div>
</div>
</div>
<div class="apps-details-holder">
<div class="app-details">
<div class="app-details1 show-details">
<div class="col-md-5">
<div class="img-holder">
<img src="images/wordpress-preview.png" alt="">
</div>
</div>
<div class="col-md-7">
<div class="app-title">Wordpress Hosting</div>
<div class="app-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div class="app-link">
<a href="contact.html" class="ybtn ybtn-white ybtn-shadow">Learn more</a>
</div>
</div>
</div>
<div class="app-details2">
<div class="col-md-5">
<div class="img-holder">
<img src="images/joomla-preview.png" alt="">
</div>
</div>
<div class="col-md-7">
<div class="app-title">Joomla Hosting</div>
<div class="app-text">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="app-link">
<a href="contact.html" class="ybtn ybtn-white ybtn-shadow">Learn more</a>
</div>
</div>
</div>
<div class="app-details3">
<div class="col-md-5">
<div class="img-holder">
<img src="images/drupal-preview.png" alt="">
</div>
</div>
<div class="col-md-7">
<div class="app-title">Drupal Hosting</div>
<div class="app-text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</div>
<div class="app-link">
<a href="contact.html" class="ybtn ybtn-white ybtn-shadow">Learn more</a>
</div>
</div>
</div>
<div class="app-details4">
<div class="col-md-5">
<div class="img-holder">
<img src="images/magento-preview.png" alt="">
</div>
</div>
<div class="col-md-7">
<div class="app-title">Magento Hosting</div>
<div class="app-text">emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, mo enim ipsam voluptatem quia voluptas sit.</div>
<div class="app-link">
<a href="contact.html" class="ybtn ybtn-white ybtn-shadow">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="more-features" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row-title">Our Promise</div>
<div class="row-subtitle"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="mfeature-box">
<div class="mfeature-icon">
<i class="htfy htfy-trophy"></i>
</div>
<div class="mfeature-title">%99.9 Uptime</div>
<div class="mfeature-details">Mauris at libero sed justo pretium maximus ac non ex. Donec sit amet ultrices dolo.</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="mfeature-box">
<div class="mfeature-icon">
<i class="htfy htfy-like"></i>
</div>
<div class="mfeature-title">Money Back Guarantee</div>
<div class="mfeature-details">Mauris at libero sed justo pretium maximus ac non ex. Donec sit amet ultrices dolo.</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="mfeature-box">
<div class="mfeature-icon">
<i class="htfy htfy-cogwheel"></i>
</div>
<div class="mfeature-title">Best Support</div>
<div class="mfeature-details">Mauris at libero sed justo pretium maximus ac non ex. Donec sit amet ultrices dolo.</div>
</div>
</div>
</div>
</div>
</div>
<div id="message1" class="container-fluid message-area normal-bg">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="text-other-color1">Are you ready?</div>
<div class="text-other-color2">create an account, or contact us.</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="buttons-holder">
<a href="#" class="ybtn ybtn-accent-color">Create Your Account</a><a href="#" class="ybtn ybtn-white ybtn-shadow">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-3">
<div class="address-holder">
<div class="phone"><i class="fas fa-phone"></i> 00 285 900 38502</div>
<div class="email"><i class="fas fa-envelope"></i> hello@hostify.com</div>
<div class="address">
<i class="fas fa-map-marker"></i>
<div>City Avenue, Office 64,<br>
Floor 6, Milbourne,<br>
Australia.</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="footer-menu-holder">
<h4>Company</h4>
<ul class="footer-menu">
<li><a href="about.html">About us</a></li>
<li><a href="blog.html">News</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-3">
<div class="footer-menu-holder">
<h4>Services</h4>
<ul class="footer-menu">
<li><a href="webhosting.html">Web Hosting</a></li>
<li><a href="cloudhosting.html">Cloud Hosting</a></li>
<li><a href="vpshosting.html">VPS Servers</a></li>
<li><a href="domains.html">Domain Names</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="footer-menu-holder">
<h4>Others</h4>
<ul class="footer-menu">
<li><a href="#">Transfer domains</a></li>
<li><a href="portal.html">Customer Portal</a></li>
<li><a href="#">Support Portal</a></li>
<li><a href="#">Video Tutorials</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-1 col-md-1">
<div class="social-menu-holder">
<ul class="social-menu">
<li><a href="#"><i class="fab fa-facebook"></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>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-slider.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>