View file PHP Version/vps.php

File size: 68.88Kb
<?php
    
  // Page vars    
  $__title      = "VPS Server Hosting | Get Your Own Server - Hostx.com";
  $__meta_title = "HostX | HTML5 Hosting Template";    
  $__meta_description = "VPs Server Hosting from Hostx will keep your clients’ sites running at peak performance. Get your own Dedicated Server or servers today.";
  $__meta_keywords    = "Buy VPS, Buy VPS Hosting,Buy Cheap VPS, Free VPS, Trial VPS";

  // Page class & id
  $__class  = "vps-page";
  $__id     = "vps-page";

  // Include (init.php) file.
  include 'core/init.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 active">VPS Hosting</a>
        <a href="shared-hosting.php" class="item">Shared Hosting</a>
        <a href="dedi-servers.php" class="item">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">Virtual Private Server</h5>
          <!-- title-1 -->
          <h1 class="title-1">VPS hosting that puts<br>the power in your hands.</h1>
          <!-- para-1 -->
          <p class="para-1 mb-3">With full SSD storage dedicated solely to you, our virtual private server hosting gives you the flexibility and control to build exactly the website you want.</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 data-src="https://via.placeholder.com/1130x1280" class="lazy hero img-fluid" alt="Image">
    </div>
  </div>

  <!-- Section I -->
  <div class="se-i py-120 bg-2" id="se-i">
    <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">Self &amp; Fully Managed VPS Hosting plans</h4>
      </div>
      <!-- filter-bar -->
      <div class="filter-bar">
        <!-- row -->
        <div class="row justify-content-center">
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6">
            <!-- item -->
            <div class="item active" data-show="fully-managed">Fully Managed</div>
          </div>
          <!-- col -->
          <div class="col-xl-2 col-lg-3 col-md-4 col-6">
            <!-- item -->
            <div class="item" data-show="self-managed">Self Managed</div>
          </div>
        </div>
      </div>
      <!-- responsive-table -->
      <div class="responsive-table filter-fully-managed mb-3 show">
        <!-- custom-table -->
        <div class="custom-table">
          <!-- tbody -->
          <div class="tbody">
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/new-zealand.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 7402P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$14.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/germany.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/canada.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 8102P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$16.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/sweden.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/spain.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/romania.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/russia.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/romania.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/russia.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/new-zealand.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 7402P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$14.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/germany.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/canada.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 8102P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$16.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/sweden.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/spain.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- responsive-table -->
      <div class="responsive-table filter-self-managed mb-3">
        <!-- custom-table -->
        <div class="custom-table">
          <!-- tbody -->
          <div class="tbody">
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/united-states-of-america.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 6402P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$14.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/new-zealand.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/niger.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 8102P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$16.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/niue.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/peru.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/mexico.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/monaco.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/romania.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/russia.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/new-zealand.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 7402P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$14.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/germany.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/canada.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 8102P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$16.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</a>
              </div>
            </div>
            <!-- tr -->
            <div class="tr">
              <div class="position-relative">
                <!-- td -->
                <div class="td plan-td d-flex align-items-start">
                  <!-- flags -->
                  <div class="flags">
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/sweden.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                    <div class="flag" data-tooltip="EU-Nord-1:3 in stock">
                      <img data-src="./assets/images/flags/spain.svg" class="lazy flag img-fluid" alt="flag">
                    </div>
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">INTEL GOLD 9202P</div>
                    <div class="des">Middleweight</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td cpu-td">
                  <!-- icon -->
                  <div class="icon" title="CPU">
                    <img data-src="assets/images/icons/cpu.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">26 Cores @ 2.1 GHz</div>
                    <div class="des">Benchmark 15,390</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ram-td">
                  <!-- icon -->
                  <div class="icon" title="RAM">
                    <img data-src="assets/images/icons/ram-memory.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">64GB</div>
                    <div class="des">up to 384GB</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td storage-td" title="Storage">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/hard-disk.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">2x 250GB SSD</div>
                    <div class="des">up to 8 disks</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td bandwidth-td" title="Bandwidth">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/speedometer.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">3Gbps</div>
                    <div class="des">100TB/mo free traffic</div>
                  </div>
                </div>
                <!-- td -->
                <div class="td ip-td" title="Dedicated ID">
                  <!-- icon -->
                  <div class="icon">
                    <img data-src="assets/images/icons/cable.svg" class="lazy img-fluid" alt="icon">
                  </div>
                  <!-- text -->
                  <div class="text">
                    <div class="name">1</div>
                    <div class="des">up to 3</div>
                  </div>
                </div>
              </div>
              <!-- td -->
              <div class="td price-td">
                <!-- icon -->
                <div class="icon" title="Price">
                  <img data-src="assets/images/icons/price-tag.svg" class="lazy img-fluid" alt="icon">
                </div>
                <div class="price">$18.00<span>/mo</span></div>
              </div>
              <!-- td -->
              <div class="td actions-td">
                <a href="#" class="btn btn-fill-primary shadow-off btn-sm">Configure</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 data-src="assets/images/icons/check-circle.svg" class="lazy 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 data-src="assets/images/icons/check-circle.svg" class="lazy 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 data-src="assets/images/icons/check-circle.svg" class="lazy icon img-fluid" alt="Check">
            <span class="text">Staging enviroments, ande more.</span>
          </div>
        </div>
    </div>
  </div>

<?php
  // FAQs
  include 'templates/faqs.inc.php';
  // Footer
  include 'templates/footer.inc.php';
?>