<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="theme-color" content="#0060fe">
  <meta name="title" content="HostX | HTML5 Hosting Template">
  <meta name="description" content="Your all in one solution to grow online. Start a free trial to create a beautiful website, get a domain name, fast hosting, online marketing and award-winning 24/7 support.">
  <meta name="keywords" content="Buy VPS, Buy VPS Hosting,Buy Cheap VPS, Free VPS, Trial VPS">
  <meta name="language" content="en">
  <link rel="shortcut icon" href="assets/images/theme/favicon.png" type="image/x-icon">
  <link rel="stylesheet" href="assets/css/bundle.css">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/index.css">
  <title>Buy VPS Hosting | 7-Days Free Trial | HostX.com</title>
</head>
<body class="dark-theme">

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

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

  <!-- :: HEADER :: -->
  <header class="main-header">
    <div class="container">
      <!-- row -->
      <div class="row align-items-center">

        <!-- col -->
        <div class="col-xl-7 text-xl-left text-center">
          <!-- title-1 & para-1 -->
          <h1 class="title-1 text-uppercase mb-2 mx-xl-0 mx-auto">VPS Hosting<br>POWERFUL AND RELIABLE !</h1>
          <p class="para-1 mb-2 mx-xl-0 mx-auto">Check out the services we offer below. We're determined to provide these services at the best quality - customer satisfaction and convenience are of the utmost importance for us.</p>
          <!-- notify -->
          <div class="notify glassy mb-4">
            <div class="icon">
              <img src="assets/images/pages/index/icons/notification.png" class="img-fluid" alt="Bell">
            </div>
            <div class="text">We don't ask for any personal information</div>
          </div>
          <!-- buttons -->
          <div class="buttons">
            <a href="#" class="btn btn-fill-primary shadow-off mr-1 mb-md-0 mb-1">Get Started</a>
            <a href="#" class="btn btn-outline-dark shadow-off">Learn More</a>
          </div>
        </div>

        <!-- col -->
        <div class="col-xl-5 d-xl-block d-none">
          <!-- form-container -->
          <div class="form-container" id="form-container">
            <!-- header-form -->
            <form action="#" method="POST" class="header-form ml-auto" id="header-form">
              <!-- form-title -->
              <h2 class="form-title mb-2">Try HostX hosting for free<br>with a $100 credit</h2>
              <!-- inputs -->
              <div class="inputs">
                <!-- form-label -->
                <label for="email" class="form-label">
                  <input type="email" name="email" class="glassy" id="email" placeholder="Email address" autocomplete="off" required>
                </label>
                <!-- form-label -->
                <label for="password" class="form-label">
                  <input type="password" name="password" class="glassy" id="password" placeholder="Password" required>
                </label>
              </div>
              <!-- submit-button -->
              <button type="submit" class="btn btn-fill-success shadow-off w-100 font-500 mb-2 mt-1">Register</button>
              <!-- hr -->
              <div class="hr position-relative"><span>Or sign up with</span></div>
              <!-- links -->
              <div class="row small-gutters mt-2">
                <!-- col -->
                <div class="col-6">
                  <a href="#" class="btn btn-outline-dark level-up shadow-off w-100 font-500"><img src="assets/images/pages/index/icons/google.svg" class="btn-icon img-fluid" alt="Google">Google</a>
                </div>
                <!-- col -->
                <div class="col-6">
                  <a href="#" class="btn btn-outline-dark level-up shadow-off w-100 font-500"><img src="assets/images/pages/index/icons/github.svg" class="btn-icon img-fluid" alt="Google">GitHub</a>
                </div>
              </div>
              <!-- form-comment -->
              <div class="form-comment mt-2">$100, 60-day free trial requires valid credit card.<br>By signing up, you agree to the <a href="#">Terms of Service</a>.</div>
            </form>
          </div>
        </div>

      </div>
    </div>
  </header>

  <!-- :: SECTION I :: -->
  <div class="se-i text-lg-left text-center">
    <div class="container">
      <!-- row -->
      <div class="row">
        <!-- col -->
        <div class="col-lg-3 col-6 mb-lg-0 mb-2">
          <!-- box -->
          <div class="box">
            <img src="assets/images/pages/index/icons/mail.svg" class="box-icon" alt="Mail">
            <h2 class="box-title mb-0">Anonymous<br>Access</h2>
          </div>
        </div>

        <!-- col -->
        <div class="col-lg-3 col-6 mb-lg-0 mb-2">
          <!-- box -->
          <div class="box">
            <img src="assets/images/pages/index/icons/logout.svg" class="box-icon" alt="Logout">
            <h2 class="box-title mb-0">No Usage<br>Logs</h2>
          </div>
        </div>

        <!-- col -->
        <div class="col-lg-3 col-6">
          <!-- box -->
          <div class="box">
            <img src="assets/images/pages/index/icons/digital.svg" class="box-icon" alt="Digital">
            <h2 class="box-title mb-0">No Usage<br>Limit</h2>
          </div>
        </div>

        <!-- col -->
        <div class="col-lg-3 col-6">
          <!-- box -->
          <div class="box">
            <img src="assets/images/pages/index/icons/wishlist.svg" class="box-icon" alt="Wishlist">
            <h2 class="box-title mb-0">100% White . .<br>Listed</h2>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- :: SECTION II :: -->
  <div class="se-ii bg-2">
    <div class="container">
      <!-- row -->
      <div class="row align-items-center">
        <!-- col -->
        <div class="col-xl-4 col-12 text-xl-left text-center mb-xl-0 mb-5">
          <!-- title-1 -->
          <h2 class="title-1 mb-1">
            <span>Popular</span><br class="d-xl-block d-none">
            <span>operating</span><br class="d-xl-block d-none">
            <span>systems.</span><br>
            <span class="primary-color">Your Choice.</span>
          </h2>
          <!-- para-1 -->
          <p class="para-1 mb-0">With ability to upload your own Operating system.</p>
        </div>
        <!-- col -->
        <div class="col-xl-8 col-12">
          <!-- row -->
          <div class="row justify-content-center">
            <!-- col -->
            <div class="col-lg-2 col-md-3 col-6">
              <!-- item -->
              <div class="item text-center">
                <img src="assets/images/os/windows.png" class="img-fluid" alt="Windows">
                <h3 class="text mb-0">Windows</h3>
              </div>
            </div>
            <!-- col -->
            <div class="col-lg-2 col-md-3 col-6">
              <!-- item -->
              <div class="item text-center">
                <img src="assets/images/os/android.png" class="img-fluid" alt="Android">
                <h3 class="text mb-0">Android</h3>
              </div>
            </div>
            <!-- col -->
            <div class="col-lg-2 col-md-3 col-6">
              <!-- item -->
              <div class="item text-center">
                <img src="assets/images/os/ubuntu.png" class="img-fluid" alt="Ubuntu">
                <h3 class="text mb-0">Ubuntu</h3>
              </div>
            </div>
            <!-- col -->
            <div class="col-lg-2 col-md-3 col-6">
              <!-- item -->
              <div class="item text-center">
                <img src="assets/images/os/debian.png" class="img-fluid" alt="Debian">
                <h3 class="text mb-0">Debian</h3>
              </div>
            </div>
            <!-- col -->
            <div class="col-lg-2 col-md-3 col-6">
              <!-- item -->
              <div class="item text-center">
                <img src="assets/images/os/centos.png" class="img-fluid" alt="CentOS">
                <h3 class="text mb-0">CentOS</h3>
              </div>
            </div>
            <!-- col -->
            <div class="col-lg-2 col-md-3 col-6">
              <!-- item -->
              <div class="item text-center">
                <img src="assets/images/os/open-suse.png" class="img-fluid" alt="Open Suse">
                <h3 class="text mb-0">Open Suse</h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- :: SECTION III :: -->
  <div class="se-iii py-90">
    <div class="container">
      <!-- se-head -->
      <div class="se-head">
        <h3 class="se-title-1">What about our plans</h3>
        <h4 class="se-title-2">Get More Power With Our Web Hosting Products</h4>
      </div>
      <!-- plans -->
      <div class="plans mb-xl-4 mb-2">
        <!-- row -->
        <div class="row mx-xl-0">
          <!-- col -->
          <div class="col-xl-3 col-md-6 mb-xl-0 mb-2 px-xl-0">
            <!-- plan -->
            <div class="plan">
              <!-- plan-head -->
              <div class="plan-head">
                <!-- plan-name -->
                <h3 class="plan-name">Basic Plan</h3>
                <!-- plan-para -->
                <p class="plan-para">When you need just one site.</p>
              </div>
              <!-- plan-price -->
              <div class="plan-price">
                <!-- price -->
                <h4 class="price">$2.45</h4>
                <!-- price-comment -->
                <p class="price-comment">Normally $9.99 - 12/mo term</p>
              </div>
              <!-- actions -->
              <div class="actions">
                <a href="#" class="btn btn-fill-primary btn-sm shadow-off w-100">Choose Basic</a>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Top Features</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">1 Website <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">50 GB SSD Storage <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Custom Themes <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">24/7 Customer Support <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Website Builder Available</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">WordPress Integration</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Drag and Drop Functionality</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">AI-Driven Templates</li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Also Includes</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Domain - 1 year <span class="float-box" data-text="One free with purchase of a new 12-, 24- or 36-month plan. Plus ICANN fee of 2.84 USD per domain name per year. You must add the domain name into your cart before purchase, and you must select a domain term length equal to or less than the term length of your plan to qualify for the free domain offer. If you purchase a domain name for a term longer than the term of the plan, you will be charged for the additional registration term at the then-current rate. Cannot be used in conjunction with any other offer, sale, discount or promotion. Free domain offer applies only to the initial purchase term. After the initial purchase term, domains purchased through this offer will renew at the then-current renewal price."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free CDN Included <span class="float-box" data-text="Get faster page loads and better visitor experience with nearby, state-of-the-art data centers in North America, Europe or Asia-Pacific."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free SSL Certificate <span class="float-box" data-text="Linking your site to your domain name has never been easier with GoDaddy registered domain."></span></li>
                </ul>
              </div>
            </div>
          </div>
          <!-- col -->
          <div class="col-xl-3 col-md-6 mb-xl-0 mb-2 px-xl-0">
            <!-- plan -->
            <div class="plan popular-plan">
              <!-- plan-head -->
              <div class="plan-head">
                <!-- plan-name -->
                <h3 class="plan-name">Advanced Plan</h3>
                <!-- plan-para -->
                <p class="plan-para">For those running multiple sites.</p>
              </div>
              <!-- plan-price -->
              <div class="plan-price">
                <!-- price -->
                <h4 class="price">$5.45</h4>
                <!-- price-comment -->
                <p class="price-comment">Normally $13.99 - 12/mo term</p>
              </div>
              <!-- actions -->
              <div class="actions">
                <a href="#" class="btn btn-fill-primary btn-sm shadow-off w-100">Choose Advanced</a>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Top Features</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited Websites <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited SSD Storage <span class="float-box" data-text="We don't limit the amount of storage and bandwidth your site can use as long as it complies with our Hosting Agreement. Should your website bandwidth or storage usage present a risk to the stability, performance or uptime of our servers, we will notify you via email and you may be required to upgrade, or we may restrict the resources your website is using. It’s very rare that a website violates our Hosting Agreement and is typically only seen in sites that use hosting for file sharing or storage."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Custom Themes <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">24/7 Customer Support <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Website Builder Available</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">WordPress Integration</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Drag and Drop Functionality</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">AI-Driven Templates</li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Also Includes</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Domain - 1 year <span class="float-box" data-text="One free with purchase of a new 12-, 24- or 36-month plan. Plus ICANN fee of 2.84 USD per domain name per year. You must add the domain name into your cart before purchase, and you must select a domain term length equal to or less than the term length of your plan to qualify for the free domain offer. If you purchase a domain name for a term longer than the term of the plan, you will be charged for the additional registration term at the then-current rate. Cannot be used in conjunction with any other offer, sale, discount or promotion. Free domain offer applies only to the initial purchase term. After the initial purchase term, domains purchased through this offer will renew at the then-current renewal price."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free CDN Included</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free SSL Certificate</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Office 365 - 30 days <span class="float-box" data-text="Buy hosting and get one Microsoft Office 365 email mailbox with 5 GB of dedicated storage for email, contacts and shared online calendar free for the first year. If you choose to activate your mailbox, your Office 365 email mailbox will automatically renew annually at the then-current price until cancelled. You can cancel your automatic renewal at any time."></span></li>
                </ul>
              </div>
            </div>
          </div>
          <!-- col -->
          <div class="col-xl-3 col-md-6 mb-xl-0 mb-2 px-xl-0">
            <!-- plan -->
            <div class="plan">
              <!-- plan-head -->
              <div class="plan-head">
                <!-- plan-name -->
                <h3 class="plan-name">Enterprise Plan</h3>
                <!-- plan-para -->
                <p class="plan-para">With added privacy and security features.</p>
              </div>
              <!-- plan-price -->
              <div class="plan-price">
                <!-- price -->
                <h4 class="price">$9.45</h4>
                <!-- price-comment -->
                <p class="price-comment">Normally $18.99 - 12/mo term</p>
              </div>
              <!-- actions -->
              <div class="actions">
                <a href="#" class="btn btn-fill-primary btn-sm shadow-off w-100">Choose Enterprise</a>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Top Features</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited Websites <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited SSD Storage <span class="float-box" data-text="We don't limit the amount of storage and bandwidth your site can use as long as it complies with our Hosting Agreement. Should your website bandwidth or storage usage present a risk to the stability, performance or uptime of our servers, we will notify you via email and you may be required to upgrade, or we may restrict the resources your website is using. It’s very rare that a website violates our Hosting Agreement and is typically only seen in sites that use hosting for file sharing or storage."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Custom Themes <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">24/7 Customer Support <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Website Builder Available</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">WordPress Integration</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Drag and Drop Functionality</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">AI-Driven Templates</li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Also Includes</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Domain - 1 year <span class="float-box" data-text="One free with purchase of a new 12-, 24- or 36-month plan. Plus ICANN fee of 2.84 USD per domain name per year. You must add the domain name into your cart before purchase, and you must select a domain term length equal to or less than the term length of your plan to qualify for the free domain offer. If you purchase a domain name for a term longer than the term of the plan, you will be charged for the additional registration term at the then-current rate. Cannot be used in conjunction with any other offer, sale, discount or promotion. Free domain offer applies only to the initial purchase term. After the initial purchase term, domains purchased through this offer will renew at the then-current renewal price."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free CDN Included</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free SSL Certificate</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Office 365 - 30 days <span class="float-box" data-text="Buy hosting and get one Microsoft Office 365 email mailbox with 5 GB of dedicated storage for email, contacts and shared online calendar free for the first year. If you choose to activate your mailbox, your Office 365 email mailbox will automatically renew annually at the then-current price until cancelled. You can cancel your automatic renewal at any time."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Domain Privacy</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Automated Backup - 1 year</li>
                </ul>
              </div>
            </div>
          </div>
          <!-- col -->
          <div class="col-xl-3 col-md-6 mb-xl-0 mb-2 px-xl-0">
            <!-- plan -->
            <div class="plan">
              <!-- plan-head -->
              <div class="plan-head">
                <!-- plan-name -->
                <h3 class="plan-name">Premium Plan</h3>
                <!-- plan-para -->
                <p class="plan-para">Get more power with optimized web resources.</p>
              </div>
              <!-- plan-price -->
              <div class="plan-price">
                <!-- price -->
                <h4 class="price">$13.45</h4>
                <!-- price-comment -->
                <p class="price-comment">Normally $17.99 - 12/mo term</p>
              </div>
              <!-- actions -->
              <div class="actions">
                <a href="#" class="btn btn-fill-primary btn-sm shadow-off w-100">Choose Premium</a>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Top Features</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited Websites <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited SSD Storage <span class="float-box" data-text="We don't limit the amount of storage and bandwidth your site can use as long as it complies with our Hosting Agreement. Should your website bandwidth or storage usage present a risk to the stability, performance or uptime of our servers, we will notify you via email and you may be required to upgrade, or we may restrict the resources your website is using. It’s very rare that a website violates our Hosting Agreement and is typically only seen in sites that use hosting for file sharing or storage."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Custom Themes <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">24/7 Customer Support <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Optimized CPU Resources <span class="float-box" data-text="An economical, 25 GB plan with matching domain and email (with terms of 12/mo. or longer)."></span></li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Website Builder Available</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">WordPress Integration</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Drag and Drop Functionality</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">AI-Driven Templates</li>
                </ul>
              </div>
              <!-- group -->
              <div class="group">
                <!-- title-4 -->
                <h4 class="title-4">Also Includes</h4>
                <!-- list -->
                <ul class="list list-unstyled">
                <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Domain - 1 year <span class="float-box" data-text="One free with purchase of a new 12-, 24- or 36-month plan. Plus ICANN fee of 2.84 USD per domain name per year. You must add the domain name into your cart before purchase, and you must select a domain term length equal to or less than the term length of your plan to qualify for the free domain offer. If you purchase a domain name for a term longer than the term of the plan, you will be charged for the additional registration term at the then-current rate. Cannot be used in conjunction with any other offer, sale, discount or promotion. Free domain offer applies only to the initial purchase term. After the initial purchase term, domains purchased through this offer will renew at the then-current renewal price."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free CDN Included</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free SSL Certificate</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Office 365 - 30 days <span class="float-box" data-text="Buy hosting and get one Microsoft Office 365 email mailbox with 5 GB of dedicated storage for email, contacts and shared online calendar free for the first year. If you choose to activate your mailbox, your Office 365 email mailbox will automatically renew annually at the then-current price until cancelled. You can cancel your automatic renewal at any time."></span></li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Domain Privacy</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Automated Backup</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Free Dedicated IP</li>
                  <li><img src="assets/images/pages/index/icons/check-circle.svg" class="img-fluid" alt="Icon">Unlimited SSD Storage <span class="float-box" data-text="To add additional IPs, go to your My Hosting dashboard, locate IP Addresses and click Request, check the terms of agreement then click Submit Request. You may add additional IP address per request."></span></li>
                </ul>
              </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/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>

  <!-- :: SECTION IV :: -->
  <div class="se-iv py-90 bg-2">
    <div class="container">
      <!-- se-head -->
      <div class="se-head">
        <h3 class="se-title-1">More than just a tool</h3>
        <h4 class="se-title-2">Fancy VPS features you get for totally free.</h4>
      </div>
      <!-- space -->
      <div class="space space-sm"></div>
      <!-- row -->
      <div class="row justify-content-center">
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-2">
          <!-- box -->
          <div class="box color-1">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/businessman.svg" class="img-fluid" alt="businessman">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Upgrade<br>Management</h4>
            <!-- box-para -->
            <p class="box-para">It’s hard to believe anyone would want to harm your website, but they do.<br>Thankfully.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-2">
          <!-- box -->
          <div class="box color-2">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/priority.svg" class="img-fluid" alt="priority">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Priority<br>Support &amp; contact</h4>
            <!-- box-para -->
            <p class="box-para">It’s hard to believe anyone would want to harm your website, but they do.<br>Thankfully.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-2">
          <!-- box -->
          <div class="box color-3">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/mission.svg" class="img-fluid" alt="mission">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Advanced<br>Functionality</h4>
            <!-- box-para -->
            <p class="box-para">Host unlimited domains, create unlimited email addresses, databases, FTP accounts, & more.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-2">
          <!-- box -->
          <div class="box color-4">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/hula-hoop.svg" class="img-fluid" alt="hula-hoop">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Flexible <br>Software Env.</h4>
            <!-- box-para -->
            <p class="box-para">Host unlimited domains, create unlimited email addresses, databases, FTP accounts, & more.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-2">
          <!-- box -->
          <div class="box color-5">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/data-storage-device.svg" class="img-fluid" alt="data-storage-device">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Weekly<br>Backups</h4>
            <!-- box-para -->
            <p class="box-para">We perform a courtesy off-site backup of your private server data each and every week.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-2">
          <!-- box -->
          <div class="box color-6">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/power.svg" class="img-fluid" alt="power">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Powerful<br>Hardware Env.</h4>
            <!-- box-para -->
            <p class="box-para">It’s hard to believe anyone would want to harm your website, but they do.<br>Thankfully.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6 mb-lg-0 mb-2">
          <!-- box -->
          <div class="box color-1">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/network.svg" class="img-fluid" alt="network">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Network<br>Guarantee</h4>
            <!-- box-para -->
            <p class="box-para">Host unlimited domains, create unlimited email addresses, databases, FTP accounts, & more.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-4 col-md-6">
          <!-- box -->
          <div class="box color-2">
            <!-- link -->
            <a href="#" class="box-link"></a>
            <!-- icon -->
            <div class="icon">
              <img src="assets/images/pages/index/icons/security-on.svg" class="img-fluid" alt="security-on">
            </div>
            <!-- box-title -->
            <h4 class="box-title">Max Reliability<br>&amp; Accuracy</h4>
            <!-- box-para -->
            <p class="box-para">Host unlimited domains, create unlimited email addresses, databases, FTP accounts, & more.</p>
            <!-- arrow -->
            <div class="arrow text-right">
              <img src="assets/images/pages/index/icons/right-arrow.png" class="img-fluid" alt="Right-Arrow">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- :: SECTION V :: -->
  <div class="se-v py-90">
    <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="vps.php" 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="vps.php" 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>

  <!-- :: SECTION VI :: -->
  <div class="se-vi py-90 bg-2">
    <div class="container">
      <!-- se-head -->
      <div class="se-head">
        <h3 class="se-title-1">Trust our customers</h3>
        <h4 class="se-title-2">VPS Hosting What Our Customers Have To Say?</h4>
      </div>
      <!-- space -->
      <div class="space space-sm"></div>
      <!-- row -->
      <div class="row">
        <!-- col -->
        <div class="col-xl-3 col-lg-6">
          <!-- row -->
          <div class="row">
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/01.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">Julie Lane</div>
                  <div class="job">Instagram CEO</div>
                </div>
                <!-- quotes -->
                <p class="quotes">I rally like using this product! Hands down, one of the best apps out there!</p>
              </div>
            </div>
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/02.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">Gladys Hawkins</div>
                  <div class="job">Adobe Product Manager</div>
                </div>
                <!-- quotes -->
                <p class="quotes">Congrats to the team for building such an awesome product.<br><br>My team and i are using this daily and we all find it really useful.</p>
              </div>
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-6">
          <!-- row -->
          <div class="row">
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/03.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">Gladys Hawkins</div>
                  <div class="job">Adobe Product Manager</div>
                </div>
                <!-- quotes -->
                <p class="quotes">Congrats to the team for building such an awesome product.<br><br>My team and i are using this daily and we all find it really useful.</p>
              </div>
            </div>
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/04.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">John Buckland</div>
                  <div class="job">Full Stack Web Developer</div>
                </div>
                <!-- quotes -->
                <p class="quotes">I can always find a great new addition to my wardrobe!</p>
              </div>
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-6">
          <!-- row -->
          <div class="row">
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/05.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">John Buckland</div>
                  <div class="job">Full Stack Web Developer</div>
                </div>
                <!-- quotes -->
                <p class="quotes">Wow This Is Amazing Exchange Platform Very Good Future I Hope This is Best Exchange Platform Of This Whole World</p>
              </div>
            </div>
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/06.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">Sean Williams</div>
                  <div class="job">Graphic Designer</div>
                </div>
                <!-- quotes -->
                <p class="quotes">Great customer service from HostX, product arrived well wrapped and protected. at the end everything amazing</p>
              </div>
            </div>
          </div>
        </div>
        <!-- col -->
        <div class="col-xl-3 col-lg-6">
          <!-- row -->
          <div class="row">
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/07.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">Sean Williams</div>
                  <div class="job">Graphic Designer</div>
                </div>
                <!-- quotes -->
                <p class="quotes">Great customer service from HostX, product arrived well wrapped and protected.</p>
              </div>
            </div>
            <!-- col -->
            <div class="col-12">
              <!-- box -->
              <div class="box">
                <!-- user-info -->
                <div class="user-info">
                  <img src="assets/images/avatars/08.jpg" class="avatar img-fluid" alt="Avatar">
                  <div class="name">Gladys Hawkins</div>
                  <div class="job">Adobe Product Manager</div>
                </div>
                <!-- quotes -->
                <p class="quotes">I am an expert in web development and design. So far in the last couple of months I couldn't ask for better! Services are on spot, uptime is on spot!</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- space -->
      <div class="space space-sm"></div>
      <!-- buttons -->
      <div class="buttons text-center">
        <a href="#" class="btn btn-fill-primary shadow-off">See All Testimonials</a>
      </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>