<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="language" content="en">
  <meta name="theme-color" content="#0060fe">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="title" content="HostX | HTML5 Hosting Template">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="assets/images/theme/favicon.png" type="image/x-icon">
  <meta name="keywords" content="Buy VPS, Buy VPS Hosting,Buy Cheap VPS, Free VPS, Trial VPS">
  <meta name="description" content="VPs Server Hosting from Hostx will keep your clients’ sites running at peak performance. Get your own Dedicated Server or servers today.">
  <title>Dedicated Server Hosting | Get Your Own Server - Hostx.com</title>
  <link rel="stylesheet" href="assets/css/bundle.css">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/pages/dedicated.css">
</head>
<body class="dark-theme" id="dedicated-hosting-page">

  <!-- :: PRELOADER :: -->
  <?php include 'templates/preloader.inc.php'; ?>

  <!-- :: THEME-NAVBAR :: -->
  <?php include 'templates/navbar.inc.php'; ?>

  <!-- :: HEADER :: -->
  <div class="header text-lg-left text-center">
    <div class="container-fluid">
      <!-- navigator -->
      <div class="navigator d-md-flex align-items-center justify-content-start d-none">
        <!-- title -->
        <div class="title">Hosting / Servers</div>
        <!-- item -->
        <a href="vps.php" class="item">VPS Hosting</a>
        <a href="shared.php" class="item">Shared Hosting</a>
        <a href="dedicated.php" class="item active">Dedicated Servers</a>
      </div>
    </div>
    <div class="container position-relative">
      <!-- row -->
      <div class="row">
        <!-- col -->
        <div class="col-xl-6 col-lg-8">
          <!-- title-5 -->
          <h5 class="title-5">Self Managed Dedicated Server Hosting</h5>
          <!-- title-1 -->
          <h1 class="title-1">Get high-powered<br>Dedicated Server Hosting.</h1>
          <!-- para-1 -->
          <p class="para-1 mb-3">With Hostx Dedicated Hosting, whether you use the Website Builder or traditional WordPress, you get all the features, tools, and guidance you need to build and launch truly impressive WordPress websites.</p>
          <!-- btn -->
          <button type="button" data-click-type="scroll-to" data-scroll="#se-i" class="btn btn-fill-success shadow-off font-500">Choose a Plan</button>
        </div>
      </div>
      <!-- hero -->
      <img src="assets/images/pages/dedicated/vector-01.svg" class="hero img-fluid" alt="Image">
    </div>
  </div>

  <!-- :: SECTION I :: -->
  <div class="se-i bg-2">
    <div class="container">
      <!-- row -->
      <div class="row align-items-center">
        <!-- col -->
        <div class="col-xl-4 mb-xl-0 mb-4">
          <!-- title-1 -->
          <h2 class="title-1 text-xl-left text-center">Everything <br class="d-xl-block d-lg-none d-block">you need to launch <br class="d-lg-block d-none">a website.</h2>
        </div>
        <!-- col -->
        <div class="col-xl-8 pl-xl-3">
          <!-- row -->
          <div class="row">
            <!-- col -->
            <div class="col-md-3 col-6 mb-md-0 mb-2">
              <!-- circle -->
              <div class="circle color-1 d-flex align-items-center justify-content-center flex-xl-row flex-column">
                <!-- icon -->
                <img src="./assets/images/pages/dedicated/crown.svg" class="icon img-fluid mb-xl-0 mb-2" alt="icon">
                <!-- text -->
                <div class="text d-flex align-items-center justify-content-center text-center">Look like a Pro - Fast, <br class="d-md-none">Secure, & Always Up</div>
              </div>
            </div>
            <!-- col -->
            <div class="col-md-3 col-6 mb-md-0 mb-2">
              <!-- circle -->
              <div class="circle color-1 d-flex align-items-center justify-content-center flex-xl-row flex-column">
                <!-- icon -->
                <img src="./assets/images/pages/dedicated/wordpress.svg" class="icon img-fluid mb-xl-0 mb-2" alt="icon">
                <!-- text -->
                <div class="text d-flex align-items-center justify-content-center text-center">1-Click Instant <br class="d-md-none">WordPress Install</div>
              </div>
            </div>
            <!-- col -->
            <div class="col-md-3 col-6">
              <!-- circle -->
              <div class="circle color-1 d-flex align-items-center justify-content-center flex-xl-row flex-column">
                <!-- icon -->
                <img src="./assets/images/pages/dedicated/wallet.png" class="icon img-fluid mb-xl-0 mb-2" alt="icon">
                <!-- text -->
                <div class="text d-flex align-items-center justify-content-center text-center">Zero-Risk, 97-Day <br class="d-md-none">Money-Back Guarantee</div>
              </div>
            </div>
            <!-- col -->
            <div class="col-md-3 col-6">
              <!-- circle -->
              <div class="circle color-1 d-flex align-items-center justify-content-center flex-xl-row flex-column">
                <!-- icon -->
                <img src="./assets/images/pages/dedicated/web-browser.svg" class="icon img-fluid mb-xl-0 mb-2" alt="icon">
                <!-- text -->
                <div class="text d-flex align-items-center justify-content-center text-center">1.5 Million Websites <br class="d-md-none">Choose Hostx</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- :: SECTION II :: -->
  <div class="se-ii py-120">
    <div class="container">
      <!-- se-head -->
      <div class="se-head mb-5">
        <h3 class="se-title-1">What about our plans</h3>
        <h4 class="se-title-2">Dedicated Server Hosting plans and pricing:</h4>
      </div>
      <!-- filter-bar -->
      <div class="filter-bar d-flex align-items-center justify-content-center mb-2">
        <!-- buttons -->
        <div class="buttons">
          <button type="button" data-for="hdd" class="filter-toggle-btn active">HDD</button>
          <button type="button" data-for="ssd" class="filter-toggle-btn">SSD</button>
        </div>
      </div>
      <!-- plans-container -->
      <div class="plans-container filter-hdd show my-3">
        <!-- plans -->
        <div class="plans">
          <!-- plan -->
          <div class="plan">
            <!-- main-info-se -->
            <div class="main-info-se">
              <span class="plan-name">INTEL SILVER 7402P</span>
              <span class="plan-sub-name">Middleweight</span>
              <div class="locations">
                <img src="assets/images/flags/united-states-of-america.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/australia.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/united-kingdom.svg" class="img-fluid" alt="Flag">
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cpu.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/ram-memory.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>26 Cores @ 2.1 GHz</b><br>Benchmark 15,390</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>64GB</b><br>up to 384GB</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/hard-disk.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/speedometer.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>2x 250GB SSD</b><br>up to 8 disks</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>3Gbps</b><br>100TB/mo free traffic</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cable.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/controls.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>1</b><br>up to 3</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>cPanel/WHM, Plesk</b><br>Obsidian Web Host Edition</p>
                </div>
              </div>
            </div>
            <!-- price-se -->
            <div class="price-se">
              <!-- price -->
              <div class="price">
                <sup>$</sup>21.99
              </div>
              <!-- price-comment -->
              <p class="price-comment">20.00 USD/mo when you renew<sup>4</sup></p>
              <!-- actions -->
              <div class="actions">
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary shadow-off">BUY NOW</a>
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-outline-dark shadow-off">FEATURES</a>
              </div>
            </div>
          </div>
          <!-- plan -->
          <div class="plan">
            <!-- main-info-se -->
            <div class="main-info-se">
              <span class="plan-name">INTEL BRONZE 9306P</span>
              <span class="plan-sub-name">Middleweight</span>
              <div class="locations">
                <img src="assets/images/flags/argentina.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/slovakia.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/india.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/united-arab-emirates.svg" class="img-fluid" alt="Flag">
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cpu.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/ram-memory.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>28 Cores @ 3.2 GHz</b><br>Benchmark 19,210</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>72GB</b><br>up to 384GB</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/hard-disk.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/speedometer.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>4x 5120GB SSD</b><br>up to 12 disks</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>6Gbps</b><br>100TB/mo free traffic</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cable.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/controls.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>3</b><br>up to 10</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>cPanel/WHM, Plesk</b><br>Obsidian Web Host Edition</p>
                </div>
              </div>
            </div>
            <!-- price-se -->
            <div class="price-se">
              <!-- price -->
              <div class="price">
                <sup>$</sup>41.99
              </div>
              <!-- price-comment -->
              <p class="price-comment">40.00 USD/mo when you renew<sup>4</sup></p>
              <!-- actions -->
              <div class="actions">
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary shadow-off">BUY NOW</a>
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-outline-dark shadow-off">FEATURES</a>
              </div>
            </div>
          </div>
          <!-- plan -->
          <div class="plan">
            <!-- main-info-se -->
            <div class="main-info-se">
              <span class="plan-name">INTEL GOLD 8204P</span>
              <span class="plan-sub-name">Middleweight</span>
              <div class="locations">
                <img src="assets/images/flags/brazil.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/france.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/spain.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/thailand.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/andorra.svg" class="img-fluid" alt="Flag">
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cpu.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/ram-memory.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>28 Cores @ 3.2 GHz</b><br>Benchmark 19,210</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>72GB</b><br>up to 384GB</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/hard-disk.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/speedometer.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>4x 5120GB SSD</b><br>up to 12 disks</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>6Gbps</b><br>100TB/mo free traffic</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cable.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/controls.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>3</b><br>up to 10</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>cPanel/WHM, Plesk</b><br>Obsidian Web Host Edition</p>
                </div>
              </div>
            </div>
            <!-- price-se -->
            <div class="price-se">
              <!-- price -->
              <div class="price">
                <sup>$</sup>61.99
              </div>
              <!-- price-comment -->
              <p class="price-comment">60.00 USD/mo when you renew<sup>4</sup></p>
              <!-- actions -->
              <div class="actions">
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary shadow-off">BUY NOW</a>
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-outline-dark shadow-off">FEATURES</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- plans-container -->
      <div class="plans-container filter-ssd my-3">
        <!-- plans -->
        <div class="plans">
          <!-- plan -->
          <div class="plan">
            <!-- main-info-se -->
            <div class="main-info-se">
              <span class="plan-name">INTEL SILVER 3204H</span>
              <span class="plan-sub-name">Middleweight</span>
              <div class="locations">
                <img src="assets/images/flags/united-states-of-america.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/australia.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/united-kingdom.svg" class="img-fluid" alt="Flag">
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cpu.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/ram-memory.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>32 Cores @ 2.4 GHz</b><br>Benchmark 15,390</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>64GB</b><br>up to 384GB</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/hard-disk.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/speedometer.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>4x 250GB SSD</b><br>up to 12 disks</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>3Gbps</b><br>100TB/mo free traffic</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cable.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/controls.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>3</b><br>up to 10</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>cPanel/WHM, Plesk</b><br>Obsidian Web Host Edition</p>
                </div>
              </div>
            </div>
            <!-- price-se -->
            <div class="price-se">
              <!-- price -->
              <div class="price">
                <sup>$</sup>23.99
              </div>
              <!-- price-comment -->
              <p class="price-comment">20.00 USD/mo when you renew<sup>4</sup></p>
              <!-- actions -->
              <div class="actions">
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary shadow-off">BUY NOW</a>
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-outline-dark shadow-off">FEATURES</a>
              </div>
            </div>
          </div>
          <!-- plan -->
          <div class="plan">
            <!-- main-info-se -->
            <div class="main-info-se">
              <span class="plan-name">INTEL BRONZE 9306P</span>
              <span class="plan-sub-name">Middleweight</span>
              <div class="locations">
                <img src="assets/images/flags/argentina.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/slovakia.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/india.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/united-arab-emirates.svg" class="img-fluid" alt="Flag">
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cpu.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/ram-memory.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>28 Cores @ 3.2 GHz</b><br>Benchmark 19,210</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>72GB</b><br>up to 384GB</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/hard-disk.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/speedometer.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>4x 5120GB SSD</b><br>up to 12 disks</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>6Gbps</b><br>100TB/mo free traffic</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cable.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/controls.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>3</b><br>up to 10</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>cPanel/WHM, Plesk</b><br>Obsidian Web Host Edition</p>
                </div>
              </div>
            </div>
            <!-- price-se -->
            <div class="price-se">
              <!-- price -->
              <div class="price">
                <sup>$</sup>51.99
              </div>
              <!-- price-comment -->
              <p class="price-comment">40.00 USD/mo when you renew<sup>4</sup></p>
              <!-- actions -->
              <div class="actions">
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary shadow-off">BUY NOW</a>
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-outline-dark shadow-off">FEATURES</a>
              </div>
            </div>
          </div>
          <!-- plan -->
          <div class="plan">
            <!-- main-info-se -->
            <div class="main-info-se">
              <span class="plan-name">INTEL GOLD 8204P</span>
              <span class="plan-sub-name">Middleweight</span>
              <div class="locations">
                <img src="assets/images/flags/brazil.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/france.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/spain.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/thailand.svg" class="img-fluid" alt="Flag">
                <img src="assets/images/flags/andorra.svg" class="img-fluid" alt="Flag">
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cpu.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/ram-memory.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>28 Cores @ 3.2 GHz</b><br>Benchmark 19,210</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>72GB</b><br>up to 384GB</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/hard-disk.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/speedometer.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>4x 5120GB SSD</b><br>up to 12 disks</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>6Gbps</b><br>100TB/mo free traffic</p>
                </div>
              </div>
            </div>
            <!-- spec-se -->
            <div class="spec-se">
              <!-- icons-bar -->
              <div class="icons-bar">
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/cable.svg" class="img-fluid" alt="Icon">
                </div>
                <!-- icon -->
                <div class="icon">
                  <img src="assets/images/pages/dedicated/icons/controls.svg" class="img-fluid" alt="Icon">
                </div>
              </div>
              <!-- text-bar -->
              <div class="text-bar">
                <!-- text -->
                <div class="text">
                  <p><b>3</b><br>up to 10</p>
                </div>
                <!-- text -->
                <div class="text">
                  <p><b>cPanel/WHM, Plesk</b><br>Obsidian Web Host Edition</p>
                </div>
              </div>
            </div>
            <!-- price-se -->
            <div class="price-se">
              <!-- price -->
              <div class="price">
                <sup>$</sup>71.99
              </div>
              <!-- price-comment -->
              <p class="price-comment">60.00 USD/mo when you renew<sup>4</sup></p>
              <!-- actions -->
              <div class="actions">
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary shadow-off">BUY NOW</a>
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-outline-dark shadow-off">FEATURES</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- se-footer -->
      <div class="se-footer d-flex align-items-center justify-content-center flex-wrap">
        <!-- line -->
        <div class="line d-flex align-items-center justify-content-start">
          <img src="assets/images/pages/dedicated/icons/check-circle.svg" class="icon img-fluid" alt="Check">
          <span class="text">Backups monthly</span>
        </div>
        <!-- line -->
        <div class="line d-flex align-items-center justify-content-start">
          <img src="assets/images/pages/dedicated/icons/check-circle.svg" class="icon img-fluid" alt="Check">
          <span class="text">Free white-glove migrations</span>
        </div>
        <!-- line -->
        <div class="line d-flex align-items-center justify-content-start">
          <img src="assets/images/pages/dedicated/icons/check-circle.svg" class="icon img-fluid" alt="Check">
          <span class="text">Staging enviroments, ande more.</span>
        </div>
      </div>
    </div>
  </div>

  <!-- :: COMPARISON SECTION :: -->
  <div class="comp-sec py-90 bg-2">
    <div class="container">
      <!-- se-head -->
      <div class="se-head">
        <h3 class="se-title-1">Let's get to the juicy deets</h3>
        <h4 class="se-title-2">Compare HostX VPS Plans and Support Services</h4>
      </div>
      <!-- space -->
      <div class="space space-sm"></div>
      <!-- filter-nav -->
      <div class="filter-nav" id="filter-nav-v">
        <!-- row -->
        <div class="row justify-content-center">
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6 mb-xl-0 mb-2">
            <!-- tab -->
            <div class="tab active" data-filter="hardware">Hardware</div>
          </div>
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6 mb-xl-0 mb-2">
            <!-- tab -->
            <div class="tab tr-hide" data-filter="features">VPS Features</div>
          </div>
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6 mb-xl-0 mb-2">
            <!-- tab -->
            <div class="tab" data-filter="email">Email</div>
          </div>
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6 mb-md-0 mb-2">
            <div class="tab" data-filter="security">Security</div>
            <!-- tab -->
          </div>
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6">
            <!-- tab -->
            <div class="tab" data-filter="network">Network</div>
          </div>
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6">
            <!-- tab -->
            <div class="tab" data-filter="support">Support</div>
          </div>
        </div>
      </div>
      <!-- compare-table -->
      <div class="compare-table-container mb-4">
        <!-- custom-thead -->
        <div class="custom-thead" id="custom-thead-v">
          <!-- tabs -->
          <div class="tabs d-flex align-items-center justify-content-start">
            <div class="tab active flex-grow-1" data-filter="self">Self Managed</div>
            <div class="tab flex-grow-1" data-filter="full">Fully Managed</div>
          </div>
          <!-- tab-content -->
          <div class="tab-content" data-for="self">
            <!-- row -->
            <div class="row align-items-center">
              <!-- col -->
              <div class="col-md-6 mb-md-0 mb-2 text-md-left text-center">
                <!-- table-title-4 -->
                <span class="table-title-4">As low as</span>
                <!-- table-title-1 -->
                <span class="table-title-1"><span class="coin">$</span>19.99<span class="sm-text">/mo</span></span>
              </div>
              <!-- col -->
              <div class="col-md-6 text-md-left text-center">
                <!-- btn -->
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary btn-sm font-500 shadow-off">See Plans &amp; Pricing </a>
              </div>
            </div>
          </div>
          <div class="tab-content content-hide" data-for="full">
            <!-- row -->
            <div class="row align-items-center">
              <!-- col -->
              <div class="col-md-6 mb-md-0 mb-2 text-md-left text-center">
                <!-- table-title-4 -->
                <span class="table-title-4">As low as</span>
                <!-- table-title-1 -->
                <span class="table-title-1"><span class="coin">$</span>29.99<span class="sm-text">/mo</span></span>
              </div>
              <!-- col -->
              <div class="col-md-6 text-md-left text-center">
                <!-- btn -->
                <a href="https://ar-coder.com/niftytheme/whmcs/index.php?rp=/store/shared" class="btn btn-fill-primary btn-sm font-500 shadow-off">See Plans &amp; Pricing </a>
              </div>
            </div>
          </div>
        </div>
        <!-- compare-table -->
        <table class="compare-table" id="compare-table-v">
          <!-- thead -->
          <thead>
            <tr>
              <!-- top-left-corner -->
              <th class="top-left-corner">
                <!-- table-title-head -->
                <span class="table-title-head">Swipe to<br>check plans <span>&rightarrow;</span></span>
              </th>
              <!-- top-right-corner -->
              <th class="top-right-corner">
                <!-- table-title-3 -->
                <span class="table-title-3">Self Managed</span>
                <!-- price -->
                <div class="price">
                  <!-- table-title-4 -->
                  <span class="table-title-4">As low as</span>
                  <!-- table-title-1 -->
                  <span class="table-title-1"><span class="coin">$</span>19.99<span class="sm-text">/mo</span></span>
                </div>
                <!-- btn -->
                <a href="#" class="btn btn-fill-primary btn-sm font-500 shadow-off">See Plans &amp; Pricing </a>
              </th>
              <!-- top-right-corner -->
              <th class="top-right-corner">
                <!-- table-title-3 -->
                <span class="table-title-3">Fully Managed</span>
                <!-- price -->
                <div class="price">
                  <!-- table-title-4 -->
                  <span class="table-title-4">As low as</span>
                  <!-- table-title-1 -->
                  <span class="table-title-1"><span class="coin">$</span>29.99<span class="sm-text">/mo</span></span>
                </div>
                <!-- btn -->
                <a href="#" class="btn btn-fill-primary btn-sm font-500 shadow-off">See Plans &amp; Pricing </a>
              </th>
            </tr>
          </thead>
          <!-- tbody -->
          <tbody>
            <tr class="hovered">
              <td class="left-corner"></td>
              <td class="right-corner" data-for="self">For experienced users that want full control over their server.</td>
              <td class="right-corner td-hide" data-for="full">For those that don’t have the time or advanced server skills.</td>
            </tr>
            <!-- hardware -->
            <tr data-filter="hardware">
              <td class="left-corner">vCPU</td>
              <td class="right-corner" data-for="self">2 Cores</td>
              <td class="right-corner td-hide" data-for="full">4 Cores</td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Performance / RAM</td>
              <td class="right-corner" data-for="self">1 – 32 GB RAM</td>
              <td class="right-corner td-hide" data-for="full">2 – 32 GB RAM</td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Storage</td>
              <td class="right-corner" data-for="self">120 GB SSD</td>
              <td class="right-corner td-hide" data-for="full">240 GB SSD</td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Bandwidth</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Dedicated IP</td>
              <td class="right-corner" data-for="self">2 IPs</td>
              <td class="right-corner td-hide" data-for="full">2 IPs</td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Additional dedicated IP options</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">CPU, RAM, disk & uptime</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Services monitoring</td>
              <td class="right-corner" data-for="self">-</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="hardware">
              <td class="left-corner">Proactive remediation</td>
              <td class="right-corner" data-for="self">-</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <!-- features -->
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Root access</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">cPanel/WHM</td>
              <td class="right-corner" data-for="self">Optional</td>
              <td class="right-corner td-hide" data-for="full">Optional</td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Operating Systems</td>
              <td class="right-corner" data-for="self">CentOS, Ubuntu or Windows Server</td>
              <td class="right-corner td-hide" data-for="full">CentOS or Windows Server</td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Softaculous script installer</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">LetsEncrypt SSL included</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Unlimited email accounts</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Free content transfers</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Network guarantee</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">MySQL</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Monitoring and alerts</td>
              <td class="right-corner" data-for="self">5-minute intervals</td>
              <td class="right-corner td-hide" data-for="full">1-minute interval</td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Standard Hosting phone support</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Comprehensive help/how-to video library and technical blogs</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Community peer-to-peer advice</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Dedicated services team - (control panel recommended)</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full">Unlimited service requests.</td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Content migration</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full">5 free site migrations, ‪70%‬ discount off service fee for additional site migrations.</td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Server setup</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">DNS setup and configuration</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">SSL installation</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">HTTP/2 server configuration</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">SQL Server Express install</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Package management</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Email client setup</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">PHP module install/upgrade</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">MySQL optimization</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">WordPress setup</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Disk space audit</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Firewall rules configuration</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="features" class="tr-hide">
              <td class="left-corner">Call for custom service request</td>
              <td class="right-corner" data-for="self">Paid option</td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <!-- email -->
            <tr data-filter="email" class="tr-hide">
              <td class="left-corner">Maximum outgoing emails</td>
              <td class="right-corner" data-for="self">Unlimited</td>
              <td class="right-corner td-hide" data-for="full">Unlimited</td>
            </tr>
            <tr data-filter="email" class="tr-hide">
              <td class="left-corner">Maximum POP/IMAP connections</td>
              <td class="right-corner" data-for="self">Unlimited</td>
              <td class="right-corner td-hide" data-for="full">Unlimited</td>
            </tr>
            <!-- security -->
            <tr data-filter="security" class="tr-hide">
              <td class="left-corner">Centralized DDoS Protection</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="security" class="tr-hide">
              <td class="left-corner">Weekly offsite backups</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="security" class="tr-hide">
              <td class="left-corner">Create manual backups</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="security" class="tr-hide">
              <td class="left-corner">Create scheduled backups</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <!-- network -->
            <tr data-filter="network" class="tr-hide">
              <td class="left-corner">Network uptime guarantee</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="network" class="tr-hide">
              <td class="left-corner">US-based Data Centers</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="network" class="tr-hide">
              <td class="left-corner">Fully redundant network</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="network" class="tr-hide">
              <td class="left-corner">Multiple bandwidth providers</td>
              <td class="right-corner" data-for="self">AboveNet, AT&T, Comcast, Global crossing, Level (3), NTT</td>
              <td class="right-corner td-hide" data-for="full">AboveNet, AT&T, Comcast, Global crossing, Level (3), NTT</td>
            </tr>
            <!-- support -->
            <tr data-filter="support" class="tr-hide">
              <td class="left-corner">Premium support</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
            <tr data-filter="support" class="tr-hide">
              <td class="left-corner">Server monitoring and remediation</td>
              <td class="right-corner" data-for="self"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
              <td class="right-corner td-hide" data-for="full"><img src="assets/images/pages/index/icons/check.svg" class="check-icon img-fluid" alt="Check"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- se-footer -->
      <div class="se-footer d-flex align-items-center justify-content-center flex-wrap">
        <!-- line -->
        <div class="line d-flex align-items-center justify-content-start">
          <img src="assets/images/pages/index/icons/check-circle-2.svg" class="icon img-fluid" alt="Check">
          <span class="text">Backups monthly</span>
        </div>
        <!-- line -->
        <div class="line d-flex align-items-center justify-content-start">
          <img src="assets/images/pages/index/icons/check-circle-2.svg" class="icon img-fluid" alt="Check">
          <span class="text">Free white-glove migrations</span>
        </div>
        <!-- line -->
        <div class="line d-flex align-items-center justify-content-start">
          <img src="assets/images/pages/index/icons/check-circle-2.svg" class="icon img-fluid" alt="Check">
          <span class="text">Staging environments, and more.</span>
        </div>
      </div>
    </div>
  </div>

  <!-- :: FAQs :: -->
  <?php include 'templates/faqs.inc.php'; ?>

  <!-- :: FOOTER :: -->
  <?php include 'templates/footer.inc.php'; ?>

  <script src="assets/js/jquery-3.7.0.min.js"></script>
  <script src="assets/js/jQuery.cookies.js"></script>
  <script src="assets/js/script.js"></script>
</body>
</html>