<!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 class="banner-section banner-1">
                    <img src="../assets/images/patterns/1.png" alt="img" class="patterns-2">
                    <img src="../assets/images/patterns/4.png" alt="img" class="patterns-3">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-4">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-6">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-7">
                                <div class="">
                                    <p class="mb-3 content-1 h5 text-white">Linux KVM <span class="tx-info-dark">VPS Hosting</span></p>
                                    <p class="content-2 tx-18 mb-4">High-performance Servers for Faster Websites & Applications</p>
                                    <ul class="list-unstyled mb-4">
                                        <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Effordable Cost</li>
                                        <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Power Packed With Tools</li>
                                        <li class="list-item"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Money Return Guarantee</li>
                                    </ul>
                                    <p class="mb-4 tx-16">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 mb-2 mb-sm-0"><i class="fe fe-arrow-right me-2"></i> Get Started</a>
                                <a href="https://themeforest.net/user/spruko/portfolio" target="_blank" class="btn btn-lg btn-white mb-2 mb-sm-0"><i class="fe fe-shopping-cart me-2"></i> Buynow</a>
                            </div>
                            <div class="col-lg-5">
                                <div class="text-lg-end text-center mt-5 mt-lg-0">
                                    <img src="../assets/images/png/15.png" class="img-fluid" alt="img">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1 bg-image2 overflow-hidden">
                    <img src="../assets/images/patterns/23.png" alt="img" class="patterns-1 op-2">
                    <div class="container text-center">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Services</span></div>
                            <div class="heading-title">Support Multiple <span class="tx-primary">Operating Systems</span></div>
                            <div class="heading-description">Here are the Operating Systems available with our services.</div>
                        </div>
                        <div class="row align-items-center justify-content-center">
                            <div class="col-lg-2 col-sm-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><path fill="#DD4814" d="M255.637 127.683c0 70.514-57.165 127.68-127.683 127.68C57.434 255.363.27 198.197.27 127.683.27 57.165 57.436 0 127.954 0c70.519 0 127.683 57.165 127.683 127.683z"/><path fill="#FFF" d="M41.133 110.633c-9.419 0-17.05 7.631-17.05 17.05 0 9.414 7.631 17.046 17.05 17.046 9.415 0 17.046-7.632 17.046-17.046 0-9.419-7.631-17.05-17.046-17.05zm121.715 77.478c-8.153 4.71-10.95 15.13-6.24 23.279 4.705 8.154 15.125 10.949 23.279 6.24 8.153-4.705 10.949-15.125 6.24-23.28-4.705-8.148-15.131-10.943-23.279-6.239zm-84.686-60.428c0-16.846 8.368-31.73 21.171-40.742L86.87 66.067c-14.914 9.97-26.012 25.204-30.624 43.047 5.382 4.39 8.826 11.075 8.826 18.568 0 7.489-3.444 14.174-8.826 18.565C60.852 164.094 71.95 179.33 86.87 189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737zm49.792-49.797c26.013 0 47.355 19.944 49.595 45.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032-6.482 2.449-13.97 2.074-20.44-1.656-6.483-3.741-10.548-10.052-11.659-16.902a74.26 74.26 0 0 0-19.785-2.69 73.787 73.787 0 0 0-32.819 7.663l11.845 21.227a49.596 49.596 0 0 1 20.975-4.632zm0 99.59a49.601 49.601 0 0 1-20.974-4.632l-11.845 21.225a73.712 73.712 0 0 0 32.82 7.671 74.04 74.04 0 0 0 19.784-2.697c1.111-6.85 5.177-13.155 11.658-16.902 6.476-3.737 13.959-4.105 20.44-1.656 12.605-12.396 20.808-29.254 22.004-48.032l-24.297-.358c-2.235 25.443-23.576 45.38-49.59 45.38zm34.888-110.231c8.154 4.708 18.575 1.92 23.279-6.234 4.71-8.154 1.92-18.575-6.234-23.285-8.154-4.704-18.574-1.91-23.285 6.244-4.703 8.15-1.908 18.57 6.24 23.275z"/></svg>
                                            <span class="tx-16 fw-bold ms-1">Ubuntu</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="CentOS" viewBox="0 0 512 512"><rect width="512" height="512" fill="transparent" rx="15%"/><g id="a"><rect width="124" height="124" x="118" y="118" fill="#9ccd2a"/><rect width="124" height="124" x="270" y="118" fill="#932279"/><rect width="124" height="124" x="270" y="270" fill="#efa724"/><rect width="124" height="124" x="118" y="270" fill="#262577"/></g><use transform="rotate(225 256 256)" xlink:href="#a"/><path fill="none" stroke="#fff" stroke-width="9" d="M118 270h124v124H118zm152 0h124v124H270zm0-152h124v124H270zm-152 0h124v124H118zm245 226l-87-88 87-88 88 88zM256 236l-88-87 88-88 88 88zM149 344l-88-88 88-88 87 88zm107 107l-88-88 88-87 88 87z"/></svg>
                                            <span class="tx-16 fw-bold ms-1">Centos</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 128 128"><path fill="#A80030" d="M73.776 67.531c-2.065.028.391 1.063 3.087 1.479.745-.581 1.421-1.169 2.023-1.741-1.679.41-3.387.419-5.11.262M84.862 64.768c1.229-1.697 2.127-3.556 2.442-5.478-.276 1.369-1.019 2.553-1.72 3.801-3.86 2.431-.363-1.443-.002-2.916-4.15 5.225-.57 3.133-.72 4.593M88.955 54.12c.249-3.72-.733-2.544-1.063-1.125.384.201.69 2.622 1.063 1.125M65.944 3.283c1.102.198 2.381.35 2.202.612 1.206-.263 1.48-.506-2.202-.612M68.146 3.896l-.779.161.725-.064.054-.097M102.518 55.53c.123 3.34-.978 4.961-1.969 7.829l-1.786.892c-1.46 2.838.142 1.802-.903 4.059-2.281 2.027-6.921 6.345-8.406 6.738-1.084-.023.734-1.278.972-1.771-3.052 2.098-2.449 3.147-7.118 4.422l-.136-.305c-11.516 5.417-27.51-5.318-27.299-19.966-.123.931-.349.697-.605 1.074-.594-7.537 3.481-15.107 10.353-18.196 6.722-3.329 14.602-1.963 19.417 2.524-2.644-3.465-7.909-7.137-14.148-6.793-6.111.097-11.828 3.98-13.735 8.196-3.132 1.972-3.495 7.6-4.859 8.628-1.835 13.491 3.453 19.318 12.398 26.175 1.407.949.396 1.093.587 1.815-2.972-1.392-5.694-3.493-7.931-6.065 1.186 1.739 2.468 3.429 4.125 4.756-2.803-.949-6.546-6.79-7.64-7.028 4.832 8.649 19.599 15.169 27.333 11.935-3.579.131-8.124.073-12.145-1.413-1.688-.869-3.984-2.669-3.574-3.007 10.553 3.944 21.456 2.988 30.586-4.333 2.323-1.81 4.861-4.887 5.594-4.93-1.105 1.661.188.8-.66 2.266 2.316-3.733-1.005-1.521 2.394-6.448l1.256 1.729c-.467-3.098 3.848-6.861 3.41-11.762.99-1.499 1.104 1.612.054 5.061 1.457-3.825.384-4.44.759-7.597.404 1.062.935 2.188 1.208 3.308-.95-3.696.975-6.226 1.45-8.373-.467-.208-1.464 1.634-1.692-2.732.034-1.896.528-.993.718-1.46-.373-.215-1.349-1.668-1.944-4.456.431-.655 1.151 1.698 1.739 1.795-.378-2.217-1.028-3.907-1.053-5.609-1.713-3.579-.606.478-1.996-1.536-1.823-5.687 1.513-1.32 1.738-3.903 2.763 4.003 4.339 10.208 5.062 12.777-.552-3.133-1.443-6.168-2.532-9.105.839.354-1.352-6.446 1.091-1.943-2.609-9.6-11.166-18.569-19.038-22.778.962.881 2.179 1.989 1.743 2.162-3.915-2.331-3.227-2.513-3.787-3.498-3.19-1.297-3.399.104-5.511.003-6.012-3.188-7.171-2.85-12.703-4.848l.252 1.177c-3.984-1.327-4.641.503-8.945.004-.263-.205 1.379-.74 2.73-.937-3.85.508-3.67-.759-7.438.14.929-.651 1.909-1.082 2.9-1.637-3.139.191-7.495 1.828-6.151.339-5.121 2.286-14.218 5.493-19.322 10.28l-.161-1.073c-2.339 2.809-10.2 8.387-10.826 12.022l-.625.146c-1.218 2.06-2.004 4.396-2.97 6.517-1.592 2.713-2.334 1.044-2.107 1.469-3.132 6.349-4.687 11.683-6.03 16.057.958 1.432.022 8.614.385 14.364-1.572 28.394 19.928 55.962 43.43 62.329 3.445 1.23 8.567 1.184 12.924 1.311-5.141-1.471-5.806-.778-10.813-2.525-3.614-1.701-4.405-3.644-6.964-5.864l1.014 1.79c-5.019-1.775-2.918-2.198-7.002-3.491l1.083-1.412c-1.627-.123-4.309-2.74-5.042-4.191l-1.779.07c-2.138-2.638-3.277-4.538-3.194-6.011l-.575 1.024c-.652-1.119-7.865-9.893-4.123-7.85-.696-.637-1.62-1.035-2.622-2.856l.762-.871c-1.802-2.316-3.315-5.287-3.2-6.276.96 1.298 1.627 1.54 2.287 1.763-4.548-11.285-4.803-.622-8.248-11.487l.729-.059c-.559-.842-.898-1.756-1.347-2.652l.316-3.161c-3.274-3.786-.916-16.098-.443-22.851.328-2.746 2.733-5.669 4.563-10.252l-1.114-.192c2.131-3.717 12.167-14.928 16.815-14.351 2.251-2.829-.446-.011-.886-.723 4.945-5.119 6.5-3.617 9.838-4.537 3.6-2.137-3.089.833-1.383-.815 6.223-1.589 4.41-3.613 12.528-4.42.857.487-1.987.752-2.701 1.385 5.185-2.536 16.408-1.959 23.697 1.408 8.458 3.952 17.961 15.638 18.336 26.631l.427.114c-.216 4.37.669 9.424-.865 14.066l1.043-2.201M51.233 70.366l-.29 1.448c1.357 1.845 2.435 3.843 4.167 5.283-1.246-2.434-2.173-3.44-3.877-6.731M54.441 70.24c-.718-.795-1.144-1.751-1.62-2.704.456 1.675 1.388 3.114 2.255 4.578l-.635-1.874M111.226 57.897l-.304.762c-.556 3.951-1.757 7.861-3.599 11.487 2.035-3.825 3.35-8.009 3.903-12.249M66.353 2.293c1.396-.513 3.433-.281 4.914-.617-1.93.162-3.852.259-5.75.503l.836.114M17.326 28.362c.322 2.979-2.242 4.135.567 2.171 1.506-3.39-.588-.935-.567-2.171M14.025 42.15c.646-1.986.764-3.18 1.011-4.328-1.788 2.285-.823 2.773-1.011 4.328"/></svg>
                                            <span class="tx-16 fw-bold ms-1">Debian</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><path fill="#294172" d="M256 128.004C256 57.31 198.691 0 127.998 0 57.336 0 .05 57.262 0 127.914v99.054c.038 16.042 13.049 29.029 29.101 29.029h98.949C198.72 255.969 256 198.679 256 128.004"/><path fill="#3C6EB4" d="M165.58 30.307c-33.109 0-60.045 26.935-60.045 60.045v31.87H73.797c-33.109 0-60.045 26.937-60.045 60.046 0 33.108 26.936 60.045 60.045 60.045s60.045-26.937 60.045-60.045v-31.871h31.738c33.109 0 60.046-26.936 60.046-60.045 0-33.11-26.937-60.045-60.046-60.045zm-59.823 151.961c0 17.622-14.337 31.959-31.96 31.959s-31.96-14.337-31.96-31.959c0-17.623 14.337-31.96 31.96-31.96h31.738v.089h.222v31.871zm59.823-59.956h-31.738v-.09h-.221v-31.87c0-17.623 14.337-31.96 31.959-31.96s31.96 14.337 31.96 31.96-14.338 31.96-31.96 31.96z"/><path fill="#FFF" d="M178.851 32.128c-4.66-1.218-8.238-1.786-13.271-1.786-33.177 0-60.075 26.899-60.075 60.074v31.842h-25.16c-7.845 0-14.185 6.165-14.18 13.996 0 7.782 6.27 13.973 14.032 13.973l20.831.004c2.473 0 4.479 2 4.479 4.469v27.553c-.031 17.491-14.219 31.659-31.71 31.659-5.925 0-7.392-.776-11.437-.776-8.497 0-14.182 5.696-14.182 13.528.002 6.479 5.554 12.049 12.348 13.827 4.66 1.218 8.238 1.787 13.271 1.787 33.177 0 60.075-26.899 60.075-60.075v-31.841h25.16c7.845 0 14.185-6.165 14.18-13.996 0-7.783-6.27-13.973-14.032-13.973l-20.831-.004a4.475 4.475 0 0 1-4.479-4.47V90.366c.031-17.491 14.219-31.659 31.71-31.659 5.925 0 7.392.777 11.437.777 8.497 0 14.182-5.697 14.182-13.528-.002-6.48-5.554-12.05-12.348-13.828"/></svg>
                                            <span class="tx-16 fw-bold ms-1">Fedora</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <img src="../assets/images/patterns/22.png" alt="img" class="patterns-6 op-4 z-index-0">
                    <img src="../assets/images/patterns/24.png" alt="img" class="patterns-2 op-1 z-index-0">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-1 filter-invert op-1 z-index-0">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Control Panel</span></div>
                            <div class="heading-title">Choose your <span class="tx-primary">Management Panel</span></div>
                            <div class="heading-description">Optionally, you can choose a Control Panel for easy Server Management. Here the available add-ons</div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <ul class="list-unstyled mb-0">
                                    <li class="list-item mb-4">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4 d-inline-block p-3 bg-primary br-7">
                                                <img src="../assets/images/png/33.png" alt="img">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h4 class="mb-2">cPanel / WHM</h4>
                                                <p class="mb-0">Dolores sed no dolor invidunt diam sed sanctus. Amet erat justo aliquyam voluptua erat aliquyam. Duo sed sadipscing et gubergren rebum accusam invidunt at, kasd.</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="list-item mb-4">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4 d-inline-block p-3 bg-secondary br-7">
                                                <img src="../assets/images/png/32.png" alt="img">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h4 class="mb-2">Plesk</h4>
                                                <p class="mb-0">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil unde omnis iste natus error vitae dicta sunt explicabo.</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4 d-inline-block p-3 bg-success br-7">
                                                <img src="../assets/images/png/34.png" alt="img">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h4 class="mb-2">WHMCS</h4>
                                                <p class="mb-0">Quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut, accusamus et iusto odio dignissimos ducimus.</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-lg-6 text-center mt-5 mt-lg-0">
                                <img src="../assets/images/png/13.png" class="img-fluid" alt="img">
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1" id="plans">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Choose</span></div>
                            <div class="heading-title">Select Pricing <span class="tx-primary">Plans</span></div>
                            <div class="heading-description">Choose A Suitable Plan</div>
                        </div>
                        <div class="text-center mb-4">
                            <div class="tab-style-1 border p-1 rounded-pill d-inline-block">
                                <ul class="nav nav-pills">
                                    <li class="nav-item">
                                        <button class="nav-link rounded-pill active" data-bs-toggle="pill" data-bs-target="#pills-monthly">Montly</button>
                                    </li>
                                    <li class="nav-item">
                                        <button class="nav-link rounded-pill" data-bs-toggle="pill" data-bs-target="#pills-yearly">Yearly</button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="pills-monthly">
                                <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 pricing-table mb-0 table-hover border-hidden">
                                                <thead>
                                                    <tr>
                                                        <th class="">
                                                            <div class="text-start">
                                                                <p class="h5 mb-3">SSD Based Plans</p>
                                                                <div class="d-lg-flex align-items-center justify-content-between">
                                                                    <div class="form-check form-switch form-switch-lg mb-0">
                                                                        <input class="form-check-input" type="checkbox" role="switch" id="switchHdd-month">
                                                                        <label class="form-check-label" for="switchHdd-month">Switch to HDD</label>
                                                                    </div>
                                                                    <a href="dedicated-server.php" class="plain-link">Learn more</a>
                                                                </div>
                                                            </div>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-activity"></i></span>
                                                            <p class="h5 mb-2">V1 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$9<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-box-seam"></i></span>
                                                            <p class="h5 mb-2">V2 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$15<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-airplane"></i></span>
                                                            <p class="h5 mb-2">V3 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$29<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-gem"></i></span>
                                                            <p class="h5 mb-2">V4 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$29<span class="tx-13 tx-muted op-7 ms-1">/ month</span></p>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="pricing-feature">Cores</td>
                                                        <td>2 Cores</td>
                                                        <td>2 Cores</td>
                                                        <td>3 Cores</td>
                                                        <td>4 Cores</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature">RAM</td>
                                                        <td>2 GB RAM</td>
                                                        <td>4 GB RAM</td>
                                                        <td>6 GB RAM</td>
                                                        <td>8 GB RAM</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature main-feature">Disk Space</td>
                                                        <td class="main-feature">20 GB SSD</td>
                                                        <td class="main-feature">40 GB SSD</td>
                                                        <td class="main-feature">80 GB SSD</td>
                                                        <td class="main-feature">120 GB SSD</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature">Bandwidth</td>
                                                        <td>1 TB Bandwidth</td>
                                                        <td>1 TB Bandwidth</td>
                                                        <td>2 TB Bandwidth</td>
                                                        <td>2 TB Bandwidth</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature">Dedicated IPs</td>
                                                        <td>0 Additional IP</td>
                                                        <td>1 Additional IP</td>
                                                        <td>1 Additional IP</td>
                                                        <td>1 Additional IP</td>
                                                    </tr>
                                                    <tr>
                                                        <td></td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="pills-yearly">
                                <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 pricing-table mb-0 table-hover border-hidden">
                                                <thead>
                                                    <tr>
                                                        <th class="">
                                                            <div class="text-start">
                                                                <p class="h5 mb-3">SSD Based Plans</p>
                                                                <div class="d-lg-flex align-items-center justify-content-between">
                                                                    <div class="form-check form-switch form-switch-lg mb-0">
                                                                        <input class="form-check-input" type="checkbox" role="switch" id="switchHdd-year">
                                                                        <label class="form-check-label" for="switchHdd-year">Switch to HDD</label>
                                                                    </div>
                                                                    <a href="dedicated-server.php" class="plain-link">Learn more</a>
                                                                </div>
                                                            </div>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-activity"></i></span>
                                                            <p class="h5 mb-2">V1 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$19<span class="tx-13 tx-muted op-7 ms-1">/ year</span></p>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-box-seam"></i></span>
                                                            <p class="h5 mb-2">V2 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$115<span class="tx-13 tx-muted op-7 ms-1">/ year</span></p>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-airplane"></i></span>
                                                            <p class="h5 mb-2">V3 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$129<span class="tx-13 tx-muted op-7 ms-1">/ year</span></p>
                                                        </th>
                                                        <th>
                                                            <span class="avatar rounded-circle bg-primary-transparent tx-primary mb-3"><i class="bi bi-gem"></i></span>
                                                            <p class="h5 mb-2">V4 - SSD</p>
                                                            <p class="h2 mb-0 tx-28">$129<span class="tx-13 tx-muted op-7 ms-1">/ year</span></p>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="pricing-feature">Cores</td>
                                                        <td>2 Cores</td>
                                                        <td>2 Cores</td>
                                                        <td>3 Cores</td>
                                                        <td>4 Cores</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature">RAM</td>
                                                        <td>2 GB RAM</td>
                                                        <td>4 GB RAM</td>
                                                        <td>6 GB RAM</td>
                                                        <td>8 GB RAM</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature main-feature">Disk Space</td>
                                                        <td class="main-feature">20 GB SSD</td>
                                                        <td class="main-feature">40 GB SSD</td>
                                                        <td class="main-feature">80 GB SSD</td>
                                                        <td class="main-feature">120 GB SSD</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature">Bandwidth</td>
                                                        <td>1 TB Bandwidth</td>
                                                        <td>1 TB Bandwidth</td>
                                                        <td>2 TB Bandwidth</td>
                                                        <td>2 TB Bandwidth</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pricing-feature">Dedicated IPs</td>
                                                        <td>0 Additional IP</td>
                                                        <td>1 Additional IP</td>
                                                        <td>1 Additional IP</td>
                                                        <td>1 Additional IP</td>
                                                    </tr>
                                                    <tr>
                                                        <td></td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <p class="mb-0 d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-outline-primary">Get Started</a>
                                                            </p>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <div class="container">
                        <div class="card feature-card-1">
                            <div class="card-body p-5">
                                <p class="h2 mb-4 text-white">Money Back Guarantee</p>
                                <p class="mb-0">Duo takimata aliquyam takimata rebum magna sed sanctus est sit. Voluptua labore vero consetetur stet est duo amet ea diam. Gubergren ipsum dolores dolor gubergren takimata at sit stet. Lorem amet diam rebum ipsum eirmod amet no et. Sadipscing dolor.</p>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section custom-bg">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-9 filter-invert op-1 z-index-0">
                    <img src="../assets/images/patterns/24.png" alt="img" class="patterns-3 op-1 z-index-0">
                    <img src="../assets/images/patterns/26.png" alt="img" class="patterns-1 filter-invert op-1">
                    <div class="container">
                        <div class="row justify-content-between mb-3">
                            <div class="col-lg-5">
                                <div class="heading-section text-start">
                                    <div class="heading-title">Additional <span class="tx-primary">Storage</span></div>
                                    <div class="heading-description">Gubergren sit et gubergren kasd sanctus diam dolore, lorem dolore</div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <p class="mb-1 tx-18 fw-500">Get High Performance Storage Volumes for your VPS</p>
                                <p class="tx-28 fw-600 tx-primary mb-0">$12.00<span class="tx-14"> / GB / Month</span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="tab-style-3 mb-3">
                                            <ul class="nav nav-pills d-md-flex d-block justify-content-center" role="tablist">
                                                <li class="nav-item position-relative mb-3 mb-lg-0 me-md-4" role="presentation">
                                                    <a href="javascript:void(0);" class="tab-style-3-link stretched-link active" data-bs-toggle="pill" data-bs-target="#flexibleVolumes" aria-selected="false" role="tab" tabindex="-1"></a>
                                                    <div class="card feature-card-3 shadow-none mb-0">
                                                        <div class="card-body px-3 py-2 text-center">
                                                            <div class="tx-16 fw-600 mb-0">
                                                                <i class="bi bi-hdd-network me-1"></i>
                                                                <span>Flexible Volumes</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="nav-item position-relative mb-3 mb-lg-0" role="presentation">
                                                    <a href="javascript:void(0);" class="tab-style-3-link stretched-link" data-bs-toggle="pill" data-bs-target="#simplifiedBilling" aria-selected="true" role="tab"></a>
                                                    <div class="card feature-card-3 shadow-none mb-0">
                                                        <div class="card-body px-3 py-2 text-center">
                                                            <div class="tx-16 fw-600 mb-0">
                                                                <i class="bi bi-arrow-up-circle me-1"></i>
                                                                <span>Simplified Billing</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="flexibleVolumes">
                                                <div class="card shadow-none bg-transparent">
                                                    <div class="card-body px-0 pb-0">
                                                        <p class="mb-4 tx-muted">Sit et sit amet sanctus sit sanctus, tempor justo duo rebum ipsum stet no. Elitr stet et aliquyam eirmod sed.</p>
                                                        <ul class="list-unstyled mb-0 fw-500">
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Get a volume starting from 10 GB to 500 GB</p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Add multiple volumes to a server for better space management</p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Upgrade existing volumes upto 500 GB <span class="tx-secondary">(Coming Soon)</span></p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Move volumes between servers based on need <span class="tx-secondary">(Coming Soon)</span></p>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="simplifiedBilling">
                                                <div class="card shadow-none bg-transparent">
                                                    <div class="card-body px-0 pb-0">
                                                        <p class="mb-4 tx-muted">No labore accusam aliquyam accusam kasd ut, amet dolore ipsum consetetur rebum ipsum eos. Rebum at stet erat clita dolore.</p>
                                                        <ul class="list-unstyled mb-0 fw-500">
                                                            <li class="list-item">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="tx-primary me-2"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Available at a flat fee. No complicated billing based on Bandwidth or IOPS usage</p>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <a href="javascript:void(0);" class="btn btn-secondary btn-lg">Get Started</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="text-center">
                                    <img src="../assets/images/png/28.png" class="img-fluid" alt="img" width="420">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-gray-100 bg-pattern-1">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Services</span></div>
                            <div class="heading-title">Manage <span class="tx-primary">Hosting</span></div>
                            <div class="heading-description">VPS Linux Hosting Services</div>
                        </div>
                        <div class="row align-items-center justify-content-center">
                            <div class="col-md-5">
                                <div class="card bordeprimary feature-card-7 feature-card-7-primary mb-5 text-center">
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <span class="avatar avatar-lg rounded-circle bg-primary text-white tx-24">
                                                <i class="bi bi-hdd-network outline"></i>
                                                <i class="bi bi-hdd-network-fill filled"></i>
                                            </span>
                                        </div>
                                        <h4 class="mb-3">Server Management</h4>
                                        <p class="mb-0">You can Start, Stop, Restart, Rebuild your VPS from the Server Management Panel. Sit et sit amet sanctus sit sanctus.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="card feature-card-7 feature-card-7-secondary mb-5 text-center">
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <span class="avatar avatar-lg rounded-circle bg-secondary text-white tx-24">
                                                <i class="bi bi-flag outline"></i>
                                                <i class="bi bi-flag-fill filled"></i>
                                            </span>
                                        </div>
                                        <h4 class="mb-3">Full Root Access</h4>
                                        <p class="mb-0">With full root access, you get complete control to manage your server resources. Sit et sit amet sanctus sit sanctus, tempor justo.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="card feature-card-7 feature-card-7-success mb-5 text-center">
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <span class="avatar avatar-lg rounded-circle bg-success text-white tx-24">
                                                <i class="bi bi-diagram-3 outline"></i>
                                                <i class="bi bi-diagram-3-fill filled"></i>
                                            </span>
                                        </div>
                                        <h4 class="mb-3">VNC Access</h4>
                                        <p class="mb-0">VNC allows you quick access to your VPS for easy management. Sit et sit amet sanctus sit sanctus, tempor justo duo rebum ipsum.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="card feature-card-7 feature-card-7-danger mb-5 text-center">
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <span class="avatar avatar-lg rounded-circle bg-danger text-white tx-24">
                                                <i class="bi bi-nut outline"></i>
                                                <i class="bi bi-nut-fill filled"></i>
                                            </span>
                                        </div>
                                        <h4 class="mb-3">WHMCS</h4>
                                        <p class="mb-0">Optionally, you can install & integrate WHMCS with your VPS Server seamlessly. Sit et sit amet sanctus sit sanctus, tempor.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <img src="../assets/images/patterns/26.png" alt="img" class="patterns-1 filter-invert op-1 z-index-0">
                    <img src="../assets/images/patterns/22.png" alt="img" class="patterns-8 sub-pattern-1 op-6 z-index-0">
                    <img src="../assets/images/patterns/24.png" alt="img" class="patterns-8 sub-pattern-1 op-1 z-index-1 top-14p">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Protection</span></div>
                            <div class="heading-title">Secure <span class="tx-primary">Hosting</span></div>
                            <div class="heading-description">Et et dolore aliquyam sed eos ut eos accusam erat, ipsum consetetur</div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 text-center mb-5 mb-lg-0 my-auto">
                                <img src="../assets/images/png/19.png" class="img-fluid" alt="img" width="350">
                            </div>
                            <div class="col-lg-6">
                                <div class="row justify-content-center">
                                    <div class="col-lg-12">
                                        <div class="tab-style-3 mb-3">
                                            <ul class="nav nav-pills d-md-flex d-block justify-content-center" role="tablist">
                                                <li class="nav-item position-relative mb-3 mb-lg-0 me-md-4" role="presentation">
                                                    <a href="javascript:void(0);" class="tab-style-3-link stretched-link active" data-bs-toggle="pill" data-bs-target="#ddosProtection" aria-selected="false" role="tab" tabindex="-1"></a>
                                                    <div class="card feature-card-3 shadow-none mb-0">
                                                        <div class="card-body px-3 py-2 text-center">
                                                            <div class="tx-16 fw-600 mb-0">
                                                                <i class="bi bi-gear me-1"></i>
                                                                <span>DDOS Protection</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="nav-item position-relative mb-3 mb-lg-0" role="presentation">
                                                    <a href="javascript:void(0);" class="tab-style-3-link stretched-link" data-bs-toggle="pill" data-bs-target="#privateNetworking" aria-selected="true" role="tab"></a>
                                                    <div class="card feature-card-3 shadow-none mb-0">
                                                        <div class="card-body px-3 py-2 text-center">
                                                            <div class="tx-16 fw-600 mb-0">
                                                                <i class="bi bi-layers me-1"></i>
                                                                <span>Private Networking</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="ddosProtection">
                                                <div class="card shadow-none bg-transparent">
                                                    <div class="card-body px-0 pb-0">
                                                        <p class="mb-4 tx-muted">Our advanced DDOS protection ensures that your VPS is protected against any attacks.</p>
                                                        <ul class="list-unstyled mb-0 fw-500">
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Provide Customer experience</p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Protect from Malwares</p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Deal with Insecure Networks</p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Protect from Physical Threats</p>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="privateNetworking">
                                                <div class="card shadow-none bg-transparent">
                                                    <div class="card-body px-0 pb-0">
                                                        <p class="mb-4 tx-muted">Setup your own network instantly in a few clicks.</p>
                                                        <ul class="list-unstyled mb-0 fw-500">
                                                            <li class="list-item mb-2">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Better Control Over Website</p>
                                                                </div>
                                                            </li>
                                                            <li class="list-item">
                                                                <div class="d-flex align-items-start">
                                                                    <span class="me-2 tx-primary"><i class="bi bi-check-circle"></i></span>
                                                                    <p class="flex-grow-1 mb-0">Get High Security</p>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <a href="javascript:void(0);" class="btn btn-secondary btn-lg">Get Started</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-2 bg-image1 text-white">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-title text-white">State of the Art Infrastructure </div>
                            <div class="heading-description text-white op-8">All VPS servers are powered by trusted infrastructure to keep them up and running</div>
                        </div>
                        <div class="row align-items-center justify-content-center">
                            <div class="col-lg-2 col-sm-6">
                                <div class="card feature-card-15">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/7.png" alt="img" height="40" class="img-fluid tool-img">
                                        <img src="../assets/images/png/apps/19.png" alt="img" height="40" class="img-fluid tool-img-white">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6">
                                <div class="card feature-card-15">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/8.png" alt="img" height="40" class="img-fluid tool-img">
                                        <img src="../assets/images/png/apps/20.png" alt="img" height="40" class="img-fluid tool-img-white">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6">
                                <div class="card feature-card-15">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/9.png" alt="img" height="40" class="img-fluid tool-img">
                                        <img src="../assets/images/png/apps/21.png" alt="img" height="40" class="img-fluid tool-img-white">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6">
                                <div class="card feature-card-15">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/10.png" alt="img" height="40" class="img-fluid tool-img">
                                        <img src="../assets/images/png/apps/22.png" alt="img" height="40" class="img-fluid tool-img-white">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-light bg-pattern-1">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-5 col-sm-12">
                                <div class="heading-section text-start mb-4">
                                    <div class="heading-title">We are available 24/7 to help you with your queries</div>
                                    <div class="heading-description">Our servers include semi-managed support related as follows</div>
                                </div>
                                <a href="contact-us.php" class="btn btn-secondary btn-lg mb-4">Contact Now</a>
                            </div>
                            <div class="col-lg-7 col-md-12">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-3 d-inline-block rounded-circle bg-primary-transparent">
                                                    <span class="avatar avatar-lg rounded-circle feature-avatar-1 bg-primary-gradient all-ease-03 tx-24"><i class="bi bi-command"></i></span>
                                                </div>
                                                <h4 class="mb-3">General Issues</h4>
                                                <p class="mb-3">Boot, Login, Investigating Network/Hardware related issues. Sit et sit amet sanctus sit sanctus</p>
                                                <a href="acronis-backup.php" class="plain-link">Learn More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-3 d-inline-block rounded-circle bg-secondary-transparent">
                                                    <span class="avatar avatar-lg rounded-circle feature-avatar-1 feature-avatar-1-secondary bg-secondary-gradient all-ease-03 tx-24"><i class="bi bi-bricks"></i></span>
                                                </div>
                                                <h4 class="mb-3">Firewall Set-up</h4>
                                                <p class="mb-3">Initial module installation and basic firewall setup.  Sit et sit amet sanctus sit sanctus, tempor justo</p>
                                                <a href="acronis-backup.php" class="plain-link">Learn More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 col-md -6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="mb-3 d-inline-block rounded-circle bg-success-transparent">
                                            <span class="avatar avatar-lg rounded-circle feature-avatar-1 feature-avatar-1-success  bg-success-gradient all-ease-03 tx-24"><i class="bi bi-hdd-network"></i></span>
                                        </div>
                                        <h4 class="mb-3">KVM VPS</h4>
                                        <p class="mb-3">Setup and re-installation of KVM VPS. Sit et sit amet sanctus sit sanctus, tempor justo duo rebum ipsum stet no Elitr.</p>
                                        <a href="acronis-backup.php" class="plain-link">Learn More</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md -6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="mb-3 d-inline-block rounded-circle bg-danger-transparent">
                                            <span class="avatar avatar-lg rounded-circle feature-avatar-1 feature-avatar-1-danger bg-danger-gradient all-ease-03 tx-24"><i class="bi bi-cpu"></i></span>
                                        </div>
                                        <h4 class="mb-3">Core OS</h4>
                                        <p class="mb-3">Core OS Updates & Patches. Sit et sit amet sanctus sit sanctus, tempor justo duo rebum ipsum stet no Elitr sed eos ut eos accusam.</p>
                                        <a href="acronis-backup.php" class="plain-link">Learn More</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md -6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="mb-3 d-inline-block rounded-circle bg-pink-transparent">
                                            <span class="avatar avatar-lg rounded-circle feature-avatar-1 feature-avatar-1-pink bg-pink-gradient all-ease-03 tx-24"><i class="bi bi-globe"></i></span>
                                        </div>
                                        <h4 class="mb-3">Reverse DNS</h4>
                                        <p class="mb-3">Reverse DNS Setup. Sit et sit amet sanctus sit sanctus, tempor justo duo rebum ipsum stet no Elitr sanctus sit sanctus.</p>
                                        <a href="acronis-backup.php" class="plain-link">Learn More</a>
                                    </div>
                                </div>
                            </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 are the advantages of VPS Hosting?
                                    </button>
                                </h2>
                                <div id="acc-1" class="accordion-collapse collapse show" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">With VPS Hosting, you have complete isolation. This means that no matter what other users might be doing on the server, your VPS package will be unaffected. With root access, you can install whatever applications you require. VPS also gives you guaranteed resources, so no matter what, the CPU, RAM, Disk Space and Bandwidth allocated to your VPS package will always be available for your applications. It gives you all the features and functions of Dedicated server, without the additional cost.</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">
                                        What is a KVM VPS?
                                    </button>
                                </h2>
                                <div id="acc-2" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">A KVM (Kernel-based Virtual Machine) is a virtual private server which sits on top of a physical dedicated server. Resources are dedicated to the KVM VPS and are not shared with other users on the physical device, offering tremendous reliability and performance.</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">
                                    What is the difference between KVM and OpenVZ?
                                    </button>
                                </h2>
                                <div id="acc-3" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">A KVM is true virtualization where the VPS operates as its own server, independently of the host node. OpenVZ is a container based virtualization which relies on the host node's kernel</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">
                                        What hosting panels are supported with HDD and SSD type plans ?
                                    </button>
                                </h2>
                                <div id="acc-4" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">When you buy any HDD server, we have an automated installation process configured, which installs cPanel on your package. For SSD servers, cPanel and Plesk are optional panels and can be purchased and installed.</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">
                                        Is a Dedicated IP available?
                                    </button>
                                </h2>
                                <div id="acc-5" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes, at an additional cost. You can raise a support ticket to get a dedicated IP.</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 kind of support do you offer?
                                    </button>
                                </h2>
                                <div id="acc-6" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Our support team will assist you in managing your servers. For a list of items that we support, please refer to the features mentioned above</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 is your backup policy?
                                    </button>
                                </h2>
                                <div id="acc-7" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">You are responsible for your backups and web content. It is recommended that you keep copies of your content safe and make your own backups. You can take a backup from your cPanel or use a remote backup solution.</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">
                                        Is Upgrade/Downgrade possible?
                                    </button>
                                </h2>
                                <div id="acc-8" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes, you can upgrade our VPS SSD (USA & India) plans at any point. Moreover, the storage for the VPS US plans can be expanded when needed. We don't support downgrade on any variant.</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-9" aria-expanded="false" aria-controls="acc-9">
                                        Can I upgrade from HDD-based to SSD-based plan or vice-versa?
                                    </button>
                                </h2>
                                <div id="acc-9" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Unfortunately, upgrades are not supported to plans having different storage type. You can only upgrade from a lower SSD plan to a higher SSD one and vice versa.</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-10" aria-expanded="false" aria-controls="acc-10">
                                        When should I choose SSD or HDD?
                                    </button>
                                </h2>
                                <div id="acc-10" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">SSD is recommended when you need high speed with limited disk space. HDD is suited for applications with more storage space and limited disk operations.</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>