<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="horizontal" data-nav-style="menu-hover" data-theme-mode="light">
        
    <head>
        <!-- META DATA -->
        <meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="author" content="Spruko Technologies Private Limited">
        <meta name="keywords" content="Hosting Website Templates, PHP Hosting Website Template, Hosting PHP Template, Professional Hosting PHP Template, Top Web Hosting PHP Templates, Web Hosting PHP Template, web hosting Bootstrap template, This professional Hosting PHP Template, Web Hosting Template, Bootstrap hosting template, Web Hosting Template Bootstrap, Bootstrap Web Hosting Template, Web Hosting Programming Template.">

        <!-- TITLE -->
        <title>Hostma – PHP Modern Web Hosting Template </title>
        
        <!-- FAVICON -->
        <link rel="icon" href="../assets/images/brand/favicon.ico" type="image/x-icon">
        
        <?php include '../layouts/styles.php'; ?>
    
    </head>

    <body class="main-body light-theme">

        <!-- BACK-TO-TOP -->
        <a href="#top" id="back-to-top" class="back-to-top rounded-circle shadow all-ease-03 fade-in">
            <i class="fe fe-arrow-up"></i>
        </a>
        <!-- END BACK-TO-TOP -->

        <!-- PAGE -->
        <div class="page">
            <div class="head_menu_container">
                
                <!-- HEADER -->
                <?php include '../layouts/header.php'; ?>

                <!-- END HEADER -->

                <!-- SIDEBAR -->
                <?php include '../layouts/sidebar.php'; ?>

                <!-- END SIDEBAR -->
            </div>

            <!-- MAIN-CONTENT -->
            <div class="main-content app-content">
                <section>
                    <div class="banner-3 banner-section">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <div class="my-4">
                                        <p class="mb-3 content-1 h5 text-white">Professional <span class="tx-info-dark">Cloud</span></p>
                                        <ul class="list-unstyled mb-0">
                                            <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Powerful Cloud Environment</li>
                                            <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Hassle-free setup</li>
                                            <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Simplified Prepaid Billing</li>
                                        </ul>
                                        <p class="tx-18">Start your business at just<span class="h2 text-white"> $13.8</span><span class="op-5 tx-14"> / month</span></p>
                                    </div>
                                    <a href="#plans" class="btn btn-lg btn-secondary d-inline-flex align-items-center"><i class="fe fe-eye me-1"></i> View Plans</a>
                                </div>
                                <div class="col-lg-6">
                                    <div class="banner-bg acronis-image mt-5">
                                        <img src="../assets/images/png/55.png" class="reseller-img img-fluid" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </section>

                <section class="section">
                    <img src="../assets/images/patterns/4.png" alt="img" class="patterns-3 z-index-0">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-4 z-index-0">
                    <img src="../assets/images/patterns/24.png" alt="img" class="patterns-2 op-1 z-index-0">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Specification</span></div>
                            <div class="heading-title">Technical <span class="tx-primary">Specification</span></div>
                            <div class="heading-description">Checkout These Specification</div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-xl-6 col-lg-8 col-sm-8">
                                <div class="text-center text-xl-start my-auto">
                                    <img src="../assets/images/png/8.png" alt="img" class="img-fluid" width="450">
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-8 col-sm-10">
                                <div class="p-4 br-7 bg-light">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <span class="avatar avatar-lg rounded-circle bg-primary text-white me-3 tx-24"><i class="bi bi-gift"></i></span>
                                                <div>
                                                    <h5>Fully Managed Infrastructure</h5>
                                                    <p class="mb-0">Weebly's shopping cart software is set-up automatically when you create your online store so you can start sellingimmediately.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card ms-sm--20p">
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <span class="avatar avatar-lg rounded-circle bg-secondary text-white me-3 tx-24"><i class="bi bi-boxes"></i></span>
                                                <div>
                                                    <h5>SSH &amp;FTP</h5>
                                                    <p class="mb-0">You get direct SSH access to your cloud account and can also take advantage of FTP for secure file transfer and management.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card mb-0">
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <span class="avatar avatar-lg rounded-circle bg-success text-white me-3 tx-24"><i class="bi bi-lightning-charge"></i></span>
                                                <div>
                                                    <h5>Powerful and Easy Administration</h5>
                                                    <p class="mb-0">Our custom panel is packed full of great features and is easy to use. Also, it allows you to manage multiple professional cloud orders from a SINGLE panel!</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section overflow-hidden">
                    <img src="../assets/images/patterns/23.png" alt="img" class="patterns-1 op-1 z-index-0">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-10 filter-invert op-1 z-index-0">
                    <img src="../assets/images/patterns/20.png" alt="img" class="patterns-7 op-1 z-index-0">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Cloud Hosting</span></div>
                            <div class="heading-title">What's included in <span class="tx-primary">Cloud Hosting?</span></div>
                            <div class="heading-description">Check This Out and follow the steps</div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-lg-4">
                                <div class="card shadow-none text-center bg-transparent feature-card-12">
                                    <div class="card-body">
                                        <div class="p-2 bg-gray-transparent d-inline-block mb-3 br-50">
                                            <img src="../assets/images/svg/18.svg" width="50" height="50" alt="img">
                                        </div>
                                        <h5>Powerful SSD Storage</h5>
                                        <p class="mb-0">Build your business online with superior and durable SSD hosting servers, which enable faster load times for your website.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="card shadow-none text-center bg-transparent feature-card-12">
                                    <div class="card-body">
                                        <div class="p-2 bg-gray-transparent d-inline-block mb-3 br-50">
                                            <img src="../assets/images/svg/19.svg" width="50" height="50" alt="img">
                                        </div>
                                        <h5 class="">Fully Managed</h5>
                                        <p class="mb-0">All server configuration, patching is managed by us. You just need to manage your website and content from cPanel.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-lg-4">
                                <div class="card shadow-none text-center bg-transparent feature-card-12">
                                    <div class="card-body">

                                        <div class="p-2 bg-gray-transparent d-inline-block mb-3 br-50">
                                            <img src="../assets/images/svg/16.svg" width="50" height="50" alt="img">
                                        </div>
                                        <h5 class="">cPANEL for Management</h5>
                                        <p class="mb-0">Industry-leading cPanel pre-installed on top of a Shared Cloud web hosting architecture to ensure the product is easy to use.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 text-center">
                                <img src="../assets/images/png/65.png" class="reseller-img img-fluid" alt="img" width="400">
                            </div>
                            <div class="col-lg-4">
                                <div class="card shadow-none text-center bg-transparent feature-card-12">
                                    <div class="card-body">

                                        <div class="p-2 bg-gray-transparent d-inline-block mb-3 br-50">
                                            <img src="../assets/images/svg/12.svg" width="50" height="50" alt="img">
                                        </div>
                                        <h5 class="">Pre-Integrated Caching</h5>
                                        <p class="mb-0">Your page will load from the cloud hosting Server at lightning-fast speed due to optimal caching configuration!</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-gray-100" id="plans">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-xl-7">
                                <div class="heading-section">
                                    <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Comparision</span></div>
                                    <div class="heading-title">Which product is better compare to <span class="tx-primary">Other Products?</span></div>
                                    <div class="heading-description">Features Overview</div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card shadow-none mb-0">
                                    <div class="card-body p-0">
                                        <div class="table-responsive border br-7">
                                            <table class="table table-bordered mb-0 table-hover border-hidden">
                                                <thead>
                                                    <tr>
                                                        <th class="w-20p bg-primary">
                                                            <span class="avatar rounded-circle bg-white-1 text-white mb-2 tx-22"><i class="bi bi-layers"></i></span>
                                                            <p class="h5 mb-0 text-white">Products<p>
                                                        </th>
                                                        <th>
                                                            <p class="badge badge-lg bg-gray-200 tx-default me-1 br-5 fw-600 mb-2">Newest</p>
                                                            <p class="h5 mb-1">Professional Cloud</p>
                                                            <p class="h6 tx-28 tx-color-default mb-0">$0<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                        <th>
                                                            <p class="badge badge-lg bg-secondary me-1 br-5 fw-600 mb-2">Recommended</p>
                                                            <p class="h5 mb-1">VPS</p>
                                                            <p class="h6 tx-28 tx-color-default mb-0">$9<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                        <th>
                                                            <p class="badge badge-lg bg-gray-200 tx-default me-1 br-5 fw-600 mb-2">Popular</p>
                                                            <p class="h5 mb-1">Dedicated Servers</p>
                                                            <p class="h6 tx-28 tx-color-default mb-0">$15<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                        <th>
                                                            <p class="badge badge-lg bg-gray-200 tx-default me-1 br-5 fw-600 mb-2">Most Used</p>
                                                            <p class="h5 mb-1">Cloud Hosting</p>
                                                            <p class="h6 tx-28 tx-color-default mb-0">$29<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Go To Use Case</td>
                                                        <td class="">For running popular CMSes on a powerful Cloud environment. No server admin skills required</td>
                                                        <td>For growing businesses that need custom tech stacks, and have in-house server admin skills</td>
                                                        <td>For large businesses that need powerful resources along with the flexibility of custom stacks</td>
                                                        <td>For application with modern resources usage and need the simplcity of Shared Hosting</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Root Access</td>
                                                        <td class="">Full Root Access</td>
                                                        <td>Full Root Access</td>
                                                        <td>Full Root Access</td>
                                                        <td>Limited</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Independent/ Isolated Resources</td>
                                                        <td class=""><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-x-circle tx-danger"></i></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Dedicated Resources</td>
                                                        <td class=""><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Dedicated IP</td>
                                                        <td class=""><i class="bi bi-x-circle tx-danger"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-check-circle tx-success"></i></td>
                                                        <td><i class="bi bi-x-circle tx-danger"></i></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Infrastructure</td>
                                                        <td class="">GKE</td>
                                                        <td>Virtual Private Server</td>
                                                        <td>Dedicated Physical Server</td>
                                                        <td>Shared Server</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">Scalability</td>
                                                        <td class="">Coming Soon</td>
                                                        <td>Scalable, but limited by resources on physical server</td>
                                                        <td>Not scalable. Migration required for more resources</td>
                                                        <td>-</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">
                                                            Easy of use
                                                            <p>(1 to 5; 5 being easiest to use)</p>
                                                        </td>
                                                        <td class="">3</td>
                                                        <td>5</td>
                                                        <td>2</td>
                                                        <td>1</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature fw-600 bg-primary text-white border-top border-white-1">
                                                            Flexibility for customisations
                                                            <p>(1 to 5; 5 being easiest to use)</p></td>
                                                        <td class="">5</td>
                                                        <td>3</td>
                                                        <td>2</td>
                                                        <td>1</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1 bg-image3">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-2 op-1 filter-invert">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Features</span></div>
                            <div class="heading-title">What makes Professional Cloud better for <span class="tx-primary">Your Business?</span></div>
                            <div class="heading-description">Check These Features</div>
                        </div>
                        <div class="row justify-content-xl-between align-items-center">
                            <div class="col-md-4">
                                <div class="card feature-card-15">
                                    <div class="card-body p-0">
                                        <div class="p-4 text-start">
                                            <div class="p-2 bg-secondary-transparent br-5 transform-rotate-45 d-inline-block mb-4">
                                                <span class="avatar feature-avatar all-ease-03 br-5 transform-rotate-90 text-bg-secondary tx-18">
                                                    <i class="bi bi-life-preserver"></i>
                                                </span>
                                            </div>
                                            <h5 class="mb-3">CDN and Caching</h5>
                                            <p class="mb-0">Enjoy the power of a pre-integrated Cloudflare CDN, and Redis caching on your professional database.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card feature-card-15">
                                    <div class="card-body p-0">
                                        <div class="p-4 text-start">
                                            <div class="p-2 bg-pink-transparent br-5 transform-rotate-45 d-inline-block mb-4">
                                                <span class="avatar feature-avatar all-ease-03 br-5 transform-rotate-90 bg-pink tx-18">
                                                    <i class="bi bi-star text-white"></i>
                                                </span>
                                            </div>
                                            <h5 class="mb-3">Guaranteed Resources</h5>
                                            <p class="mb-0">RAM and CPU specially dedicated for you and your web applications; not shared with any one else.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card feature-card-15">
                                    <div class="card-body p-0">
                                        <div class="p-4 text-start">
                                            <div class="p-2 bg-info-transparent br-5 transform-rotate-45 d-inline-block mb-4">
                                                <span class="avatar feature-avatar all-ease-03 br-5 transform-rotate-90 bg-info tx-18">
                                                    <i class="bi bi-gear-wide-connected text-white"></i>
                                                </span>
                                            </div>
                                            <h5 class="mb-3">Power of Google Kubernetes Engine</h5>
                                            <p class="mb-0">Each web application runs on a highly optimised Kubernetes cluster running on the Google Cloud Platform.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-gray-100">
                    <img src="../assets/images/patterns/22.png" alt="img" class="patterns-7 op-7 z-index-0">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Managed</span></div>
                            <div class="heading-title">Fully Managed Professional Cloud for <span class="tx-primary">Your Business?</span></div>
                            <div class="heading-description">Check These Features</div>
                        </div>
                        <div class="row justify-content-between align-items-center feature-client-bg">
                                <div class="col-md-4">
                                    <div class="card text-center feature-card-16">
                                        <div class="card-body">
                                            <div class="mb-3 d-inline-block p-2 bg-primary-gradient br-50 border-0">
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 64 64">
                                                        <path fill="#fff" d="M51.37 30.561a1.838 1.838 0 0 1-1.179 2.315l-4.078 1.325a18.166 18.166 0 0 1 0 3.691l4.078 1.325a1.837 1.837 0 0 1 1.179 2.315l-1.221 3.758a1.84 1.84 0 0 1-2.316 1.181l-4.075-1.325a18.26 18.26 0 0 1-2.172 2.984l2.521 3.469a1.837 1.837 0 0 1-.407 2.567l-3.195 2.322a1.837 1.837 0 0 1-2.567-.407l-2.519-3.465a17.912 17.912 0 0 1-3.512 1.139v4.286a1.838 1.838 0 0 1-1.838 1.838h-3.95a1.838 1.838 0 0 1-1.839-1.838v-4.286a18.023 18.023 0 0 1-3.512-1.139l-2.518 3.465a1.837 1.837 0 0 1-2.567.407l-3.196-2.322a1.838 1.838 0 0 1-.406-2.567l2.521-3.469a18.142 18.142 0 0 1-2.172-2.984L8.354 46.47a1.838 1.838 0 0 1-2.315-1.181l-1.221-3.758a1.838 1.838 0 0 1 1.179-2.315l4.076-1.325a18.44 18.44 0 0 1 0-3.691l-4.076-1.325a1.837 1.837 0 0 1-1.179-2.315l1.221-3.758a1.837 1.837 0 0 1 2.315-1.179l4.076 1.324a18.2 18.2 0 0 1 2.172-2.984l-2.521-3.469a1.838 1.838 0 0 1 .406-2.567l3.196-2.322a1.838 1.838 0 0 1 2.567.407l2.518 3.465a18.001 18.001 0 0 1 3.512-1.139v-4.286c0-1.015.823-1.838 1.839-1.838h3.95c1.015 0 1.838.823 1.838 1.838v4.286c1.221.262 2.396.646 3.512 1.139l.856-1.177 14.213 9.543.882 2.718zm-11.957 5.486c0-6.252-5.068-11.32-11.32-11.32-6.251 0-11.319 5.068-11.319 11.32 0 6.251 5.068 11.319 11.319 11.319 6.253 0 11.32-5.068 11.32-11.319z" class="color25d9f8 svgShape"/>
                                                        <path fill="#ff641a" d="M36.243 17.455c0-9.546 11.44-14.435 18.354-7.972.353.526.493 1.838 2.756 4.101 2.201 5.796-.888 12.344-6.865 14.261-6.994 2.249-14.245-2.966-14.245-10.39z" class="colorff641a svgShape"/>
                                                        <path fill="#7fe881" d="M59.775 7.732a2.424 2.424 0 0 1 0 3.429l-2.422 2.422-5.292 5.292-3.428 3.428-3.429-3.428-2.571-2.572a2.422 2.422 0 0 1 0-3.428 2.424 2.424 0 0 1 3.429 0l2.571 2.571 5.964-5.964 1.75-1.75c.473-.473 1.093-.71 1.714-.71s1.241.237 1.714.71z" class="color7fe881 svgShape"/>
                                                        <circle cx="57.455" cy="36.242" r="1.818" fill="#7fe881" class="color7fe881 svgShape"/>
                                                        <circle cx="54.424" cy="55.03" r="1.212" fill="#ececf1" class="colorececf1 svgShape"/>
                                                        <circle cx="32.606" cy="5.333" r="1.212" fill="#fff" class="color25d9f8 svgShape"/>
                                                        <circle cx="7.758" cy="10.788" r="1.818" fill="#7fe881" class="color7fe881 svgShape"/>
                                                        <circle cx="7.152" cy="18.667" r="1.212" fill="#ececf1" class="colorececf1 svgShape"/>
                                                        <circle cx="4.727" cy="56.242" r="1.212" fill="#fff" class="color25d9f8 svgShape"/>
                                                    </svg>
                                                </svg>
                                            </div>
                                            <div class="">
                                                <h5 class="mb-2">Fully Managed Infrastructure</h5>
                                                <p class="mb-0">We take care of the infrastructure maintenance for you. No need to waste time on upgrades any more.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card text-center feature-card-16">
                                        <div class="card-body">
                                            <div class="mb-3 d-inline-block p-2 bg-primary-gradient br-50 border-0">
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" enable-background="new 0 0 64 64" viewBox="0 0 64 64">
                                                        <path fill="#ff641a" d="M51.775,14.044c7.573,7.575,7.573,19.853,0,27.428c-4.994,4.993-12.032,6.693-18.418,5.103c-0.019-0.019-14.093-14.093-14.113-14.113c-1.59-6.387,0.11-13.424,5.103-18.418C31.922,6.471,44.2,6.471,51.775,14.044z" class="colorff641a svgShape"/>
                                                        <path fill="#ececf1" d="M47.489,18.33c5.207,5.207,5.207,13.648,0,18.856c-3.433,3.433-8.272,4.602-12.662,3.509c-0.019-0.019-9.683-9.683-9.703-9.703c-1.093-4.39,0.076-9.229,3.509-12.662C33.84,13.123,42.282,13.123,47.489,18.33z" class="colorececf1 svgShape"/>
                                                        <path fill="#ff641a" d="M43.204,22.615c2.84,2.841,2.84,7.446,0,10.286c-1.873,1.872-4.512,2.509-6.907,1.913c-0.655-0.655,2.821,2.821-5.292-5.292c-0.596-2.395,0.041-5.034,1.913-6.907C35.759,19.775,40.363,19.775,43.204,22.615z" class="colorff641a svgShape"/>
                                                        <path fill="#fff" d="M38.061,27.758c-7.997,31.987-4.67,18.678-6.857,27.427l-6.857-6.856L15.776,56.9l-6.857-6.857l8.571-8.571l-6.856-6.857C10.75,34.586,38.007,27.772,38.061,27.758z" class="color25d9f8 svgShape"/>
                                                        <circle cx="58.667" cy="43.516" r="1.212" fill="#ececf1" class="colorececf1 svgShape"/>
                                                        <circle cx="56.849" cy="7.758" r="1.818" fill="#ff641a" class="colorff641a svgShape"/>
                                                        <circle cx="41.697" cy="56.849" r="1.212" fill="#fff" class="color25d9f8 svgShape"/>
                                                        <circle cx="12.607" cy="9.576" r="1.212" fill="#fff" class="color25d9f8 svgShape"/>
                                                        <circle cx="10.182" cy="28.97" r="1.212" fill="#ececf1" class="colorececf1 svgShape"/>
                                                        <circle cx="5.939" cy="42.909" r="1.818" fill="#ff641a" class="colorff641a svgShape"/>
                                                    </svg>
                                                </svg>
                                            </div>
                                            <div class="">
                                                <h5 class="mb-2">Automated Setup</h5>
                                                <p class="mb-0">We automatically setup the CMS, SSL, CodeGuard backups, Cloudflare CDN and Redis caching so that you can start using your application immediately.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card text-center feature-card-16">
                                        <div class="card-body">
                                            <div class="mb-3 d-inline-block p-2 bg-primary-gradient br-50 border-0">
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 64 64">
                                                        <path fill="#d89886" d="M46.099 7.758H17.901a5.294 5.294 0 0 0-5.295 5.295v41.532a5.294 5.294 0 0 0 5.295 5.295H46.1a5.294 5.294 0 0 0 5.295-5.295V13.052a5.295 5.295 0 0 0-5.296-5.294z" class="color4f737c svgShape"/>
                                                        <path fill="#ff641a" d="M41.697 7.758v4.848H22.303V5.333h19.394z" class="colorff641a svgShape"/>
                                                        <path fill="#ececf1" d="M46.545 12.606v35.152l-4.848 1.212-2.424 6.06H17.455V12.606H41.697z" class="colorececf1 svgShape"/>
                                                        <circle cx="58.667" cy="53.818" r="1.212" fill="#ececf1" class="colorececf1 svgShape"/>
                                                        <circle cx="58.061" cy="8.364" r="1.818" fill="#ff641a" class="colorff641a svgShape"/>
                                                        <circle cx="57.455" cy="19.879" r="1.212" fill="#877fd6" class="color25d9f8 svgShape"/>
                                                        <circle cx="7.758" cy="5.333" r="1.212" fill="#ececf1" class="colorececf1 svgShape"/>
                                                        <circle cx="5.939" cy="47.152" r="1.818" fill="#877fd6" class="color25d9f8 svgShape"/>
                                                        <circle cx="5.333" cy="32" r="1.212" fill="#ff641a" class="colorff641a svgShape"/>
                                                        <path fill="#7fe881" d="M24.727 23.515c-.31 0-.62-.118-.857-.355l-2.424-2.424a1.213 1.213 0 0 1 1.714-1.714l1.567 1.567 3.385-3.385a1.213 1.213 0 0 1 1.714 1.714l-4.242 4.242a1.206 1.206 0 0 1-.857.355z" class="color7fe881 svgShape"/>
                                                        <path fill="#877fd6" d="M41.697 23.515h-8.485a1.212 1.212 0 0 1 0-2.424h8.485a1.212 1.212 0 0 1 0 2.424zm-3.636-4.848h-4.848a1.212 1.212 0 0 1 0-2.424h4.848a1.212 1.212 0 0 1 0 2.424z" class="color25d9f8 svgShape"/>
                                                        <path fill="#7fe881" d="M24.727 33.212c-.31 0-.62-.118-.857-.355l-2.424-2.424a1.213 1.213 0 0 1 1.714-1.714l1.567 1.567 3.385-3.385a1.213 1.213 0 0 1 1.714 1.714l-4.242 4.242a1.206 1.206 0 0 1-.857.355z" class="color7fe881 svgShape"/>
                                                        <path fill="#877fd6" d="M41.697 33.212h-8.485a1.212 1.212 0 0 1 0-2.424h8.485a1.212 1.212 0 0 1 0 2.424zm-3.636-4.848h-4.848a1.212 1.212 0 0 1 0-2.424h4.848a1.212 1.212 0 0 1 0 2.424z" class="color25d9f8 svgShape"/>
                                                        <path fill="#7fe881" d="M24.727 42.909c-.31 0-.62-.118-.857-.355l-2.424-2.424a1.213 1.213 0 0 1 1.714-1.714l1.567 1.567 3.385-3.385a1.213 1.213 0 0 1 1.714 1.714l-4.242 4.242a1.206 1.206 0 0 1-.857.355z" class="color7fe881 svgShape"/>
                                                        <path fill="#877fd6" d="M41.697 42.909h-8.485a1.212 1.212 0 0 1 0-2.424h8.485a1.212 1.212 0 0 1 0 2.424zm-3.636-4.848h-4.848a1.212 1.212 0 0 1 0-2.424h4.848a1.212 1.212 0 0 1 0 2.424z" class="color25d9f8 svgShape"/>
                                                        <path fill="#d3d3d8" d="m46.545 47.758-7.272 7.272v-7.272z" class="colord3d3d8 svgShape"/>
                                                    </svg>
                                                </svg>
                                            </div>
                                            <div class="">
                                                <h5 class="mb-2">Easy to use Panel</h5>
                                                <p class="mb-0">Use our intuitive panel to manage all your applications and servers from one place.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </section>

                <section class="section section-2 text-white">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-title text-white">Simplified Billing</div>
                            <div class="heading-description text-white op-8">Build anything - a blog, a static website or an ecommerce shop</div>
                        </div>
                        <div class="row align-items-center justify-content-center">
                            <div class="col-lg-5">
                                <div class="card text-white shadow-none bg-transparent mb-5">
                                    <div class="card-body px-0 pb-0">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-info rounded-circle tx-20"><i class="bi bi-currency-dollar"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2 text-white">Prepaid</h5>
                                                <p class="mb-0">Pay a flat, upfront and completely transparent fee at the beginning of your tenure business.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card text-white shadow-none bg-transparent mb-5">
                                    <div class="card-body p-0">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-secondary rounded-circle tx-20"><i class="bi bi-lightning-charge"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2 text-white">One Plan, One Fee</h5>
                                                <p class="mb-0">You pay for the entire set of services and features. No separate costs for network, CDN, SSL or storage</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card text-white shadow-none bg-transparent">
                                    <div class="card-body p-0">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-success rounded-circle tx-20"><i class="bi bi-receipt"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2 text-white">No Bill Shocks</h5>
                                                <p class="mb-0">Unlike other cloud providers, you wont experience a bill shock at the end of the month, With our flat cost structure, you enjoy complete peace of mind</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 text-center mt-5 mt-lg-0">
                                <img src="../assets/images/png/77.png" alt="img" class="img-fluid">
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">FAQ'S</span></div>
                            <div class="heading-title">We Are Here To <span class="tx-primary">Help You</span></div>
                            <div class="heading-description">Browse Through The Most Frequently Asked Questions</div>
                        </div>
                        <div class="accordion accordion-style-1" id="acc-style-1">
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#acc-1" aria-expanded="false" aria-controls="acc-1">
                                        What is Professional Cloud?
                                    </button>
                                </h2>
                                <div id="acc-1" class="accordion-collapse collapse show" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Professional Cloud hosting is built to simplify cloud hosting for customers. Built on Google’s Kubernetes Engine, it is highly optimised to improve your website’s performance with enhanced security, scalable and reliable technology. It comes with auto CMS installation that lets you get started immediately without having to worry about server setup. All costs incurred by the customer are upfront (prepaid billing) that allows consistent website performance, especially during sudden traffic spikes from sales or promotions without the BILL SHOCK.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-2" aria-expanded="false" aria-controls="acc-2">
                                    How is it different from Cloud Hosting?
                                    </button>
                                </h2>
                                <div id="acc-2" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Professional Cloud is built on top of Google’s Kubernetes Engine and comes with auto CMS deployment. It provides you with superior server performance and instant setup. There is absolutely no effort required from your side to set up the server. Everything including CMS, SSL, Backups, CDN and caching come automatically set up for you to instantly activate them and get started.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-3" aria-expanded="false" aria-controls="acc-3">
                                    When should you choose VPS Hosting instead of Professional Cloud?
                                    </button>
                                </h2>
                                <div id="acc-3" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">
                                        Although both VPS and Professional Cloud assure you dedicated resources like CPU, RAM and come with SSD drives, Professional Cloud will not provide you with Dedicated IP. If your website is not prone to traffic spikes or your business is not likely to witness major expansion from its current state in the near future, then VPS would be the right fit for you. However if you anticipate an accelerated growth for your website or business, we suggest you to go with Professional Cloud as upgrading to more resources comes with ABSOLUTELY NO downtime.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-4" aria-expanded="false" aria-controls="acc-4">
                                    How does it provide scalability?
                                    </button>
                                </h2>
                                <div id="acc-4" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">
                                    <p>09-text</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-5" aria-expanded="false" aria-controls="acc-5">
                                    How do I install SSL? Can I use an existing SSL certificate?
                                    </button>
                                </h2>
                                <div id="acc-5" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Professional Cloud comes with auto installed “Cloudflare” SSL. All you have to do is activate it from the panel itself. Simply follow the steps here to activate your SSL certificate. No, you can use an existing SSL certificate.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-6" aria-expanded="false" aria-controls="acc-6">
                                        What is caching?
                                    </button>
                                </h2>
                                <div id="acc-6" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Caching is a service that improves application response time by storing copies of the most frequently used data on ephemeral but very fast storage. Redis caching with Professional Cloud solutions is extremely effective at achieving these goals. While caching is commonly used to improve application latency, Redis caching can also help your applications scale.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-7" aria-expanded="false" aria-controls="acc-7">
                                        What does the SSH Management process look like?
                                    </button>
                                </h2>
                                <div id="acc-7" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">You can get the server IP, and the username from the Cloud panel. You can reset your root password anytime from the panel to ensure you have maximum security. Using any SSH client from your Windows laptop, or the terminal from your Mac, you can easily SSH into your server.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-8" aria-expanded="false" aria-controls="acc-8">
                                        Can I migrate from shared/VPS hosting to Professional Cloud?
                                    </button>
                                </h2>
                                <div id="acc-8" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">As of now, you can migrate from either Shared Hosting or VPS to the Professional Cloud if you are using one of our standard CMSes i.e. WordPress, Drupal, Joomla, Magento. Reach out to the support teams to see how we can help you in this process.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!-- END MAIN-CONTENT -->

            <!-- FOOTER -->
            <?php include '../layouts/footer.php'; ?>

            <!-- END FOOTER -->
        </div>
        <!-- END PAGE -->

        <!-- ACCEPT-COOKIE -->
        <?php include '../layouts/accept-cookie.php'; ?>

        <!-- END ACCEPT-COOKIE -->

        <!-- SCRIPTS -->
        <?php include '../layouts/scripts.php'; ?>

        <!-- STICKY JS -->
        <script src="../assets/js/sticky.js"></script>

        <!-- CUSTOM JS -->
        <script src="../assets/js/custom.js"></script>

        <!-- END SCRIPTS -->

    </body>
</html>