View file Hostc-PHP_v1.0/Hostc-PHP/hosting.php

File size: 21.08Kb
<!DOCTYPE html>
<html lang="en">

<head>
   <?php
   $title = '|| Our Hosting';
   include('partials/title-meta.php');
   ?>

   <?php include('partials/head-css.php'); ?>
</head>

<body class="body1">

   <?php include('partials/loader.php'); ?>
   <?php include('partials/header/navbar.php'); ?>
   <?php include('partials/header/mobile-nav.php'); ?>

   <main>
      <!--==== HERO AREA START ==== -->
      <div class="inner-hero1 pt-60" style="background-image: url(assets/img/bg/inner-hero1-bg.jpg);">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-md-5">
                  <div class="main-heading1">
                     <h1>Our Hosting</h1>
                     <div class="breadcrumbs-pages">
                        <ul>
                           <li><a href="index.php">Home</a></li>
                           <li class="angle"><i class="fa-solid fa-angle-right"></i></li>
                           <li>Our Hosting</li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-md-7">
                  <div class="images">
                     <img src="assets/img/images/inner-hero-image1.png" alt="">
                  </div>
               </div>
            </div>
         </div>
         <div class="sec-shape">
            <img src="assets/img/shapes/inner-hero-shape.png" alt="">
         </div>
      </div>
      <!--==== HERO AREA END ==== -->

      <!--==== SERVICE AREA START ==== -->
      <div class="service1 sp bg-cover _relative">
         <div class="container">
            <div class="row">
               <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="300" data-aos-offset="100">
                  <div class="service1-box add-shadow mt-30">
                     <div class="icon">
                        <img src="assets/img/icons/service1-icon1.svg" alt="">
                     </div>
                     <div class="content heading1 mt-24">
                        <h3><a href="service-details1.php">VPS Hosting</a></h3>
                        <p class="mt-16">Virtual Private Server (VPS) hosting is a powerful solution for businesses and individuals who need more an control.</p>
                        <a href="service-details1.php" class="learn_btn2 learn2_active2 mt-20 wow fadeInDown" data-wow-duration="0.8s">Learn more <span></span></a>
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400" data-aos-offset="100">
                  <div class="service1-box add-shadow mt-30">
                     <div class="icon">
                        <img src="assets/img/icons/service1-icon2.svg" alt="">
                     </div>
                     <div class="content heading1 mt-24">
                        <h3><a href="service-details1.php">Shared Hosting</a></h3>
                        <p class="mt-16">In shared hosting, multiple websites are hosted on a single server, sharing the server's resources such as CPU.</p>
                        <a href="service-details1.php" class="learn_btn2 learn2_active2 mt-20 wow fadeInDown" data-wow-duration="0.8s">Learn more <span></span></a>
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500" data-aos-offset="100">
                  <div class="service1-box add-shadow mt-30">
                     <div class="icon">
                        <img src="assets/img/icons/service1-icon3.svg" alt="">
                     </div>
                     <div class="content heading1 mt-24">
                        <h3><a href="service-details1.php">Cloud Hosting</a></h3>
                        <p class="mt-16">Cloud hosting is a modern and highly scalable web hosting solution that to utilizes a network of virtual servers.</p>
                        <a href="service-details1.php" class="learn_btn2 learn2_active2 mt-20 wow fadeInDown" data-wow-duration="0.8s">Learn more <span></span></a>
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="600" data-aos-offset="100">
                  <div class="service1-box add-shadow mt-30">
                     <div class="icon">
                        <img src="assets/img/icons/service1-icon4.svg" alt="">
                     </div>
                     <div class="content heading1 mt-24">
                        <h3><a href="service-details1.php">WordPress Hosting</a></h3>
                        <p class="mt-16">WordPress hosting is a specialized web hosting service special optimized for to WordPress, the world's most popular.</p>
                        <a href="service-details1.php" class="learn_btn2 learn2_active2 mt-20 wow fadeInDown" data-wow-duration="0.8s">Learn more <span></span></a>
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="700" data-aos-offset="100">
                  <div class="service1-box add-shadow mt-30">
                     <div class="icon">
                        <img src="assets/img/icons/service1-icon5.svg" alt="">
                     </div>
                     <div class="content heading1 mt-24">
                        <h3><a href="service-details1.php">Email Hosting</a></h3>
                        <p class="mt-16">Cloud hosting is a modern and highly scalable web hosting solution that to utilizes a network of virtual servers.</p>
                        <a href="service-details1.php" class="learn_btn2 learn2_active2 mt-20 wow fadeInDown" data-wow-duration="0.8s">Learn more <span></span></a>
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400" data-aos-offset="100">
                  <div class="service1-box add-shadow mt-30">
                     <div class="icon">
                        <img src="assets/img/icons/service1-icon6.svg" alt="">
                     </div>
                     <div class="content heading1 mt-24">
                        <h3><a href="service-details1.php">Dedicated Hosting</a></h3>
                        <p class="mt-16">Dedicated hosting is premium web to hosting solution where entire server is dedicated to a single client or website.</p>
                        <a href="service-details1.php" class="learn_btn2 learn2_active2 mt-20 wow fadeInDown" data-wow-duration="0.8s">Learn more <span></span></a>
                     </div>
                  </div>
               </div>

            </div>
         </div>
      </div>
      <!--==== SERVICE AREA END ==== -->

      <!--==== WORKS AREA START ==== -->
      <div class="work1 service1 sp bg-cover _relative" style="background-image: url(assets/img/bg/noise-bg1.jpg);">
         <div class="container">
            <div class="row">
               <div class="col-lg-7 m-auto text-center">
                  <div class="heading1">
                     <span class="sub-title" data-aos="zoom-in-left" data-aos-duration="800">Why Choose us</span>
                     <h2 class="text-anime-style-3">Why Choose HOSTC Hosting</h2>
                  </div>
               </div>
            </div>
            <div class="row mt-30">
               <div class="col-lg-4 col-md-6 mt-30" data-aos="fade-up" data-aos-duration="800">
                  <div class="work1-box text-center">
                     <div class="icon">
                        <img src="assets/img/icons/choose1-icon1.svg" alt="">
                     </div>
                     <div class="content heading1 mt-20">
                        <h4><a href="#">Safe And Secure</a></h4>
                        <p class="mt-16">Managing your website is a breeze
                           to with our intuitive control panel.</p>
                     </div>

                     <div class="arrow-shape1">
                        <img src="assets/img/shapes/choose1-arrow-shape.png" alt="">
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6 mt-30" data-aos="fade-up" data-aos-duration="1000">
                  <div class="work1-box text-center">
                     <div class="icon">
                        <img src="assets/img/icons/choose1-icon2.svg" alt="">
                     </div>
                     <div class="content heading1 mt-20">
                        <h4><a href="#">Money Back Guarantee</a></h4>
                        <p class="mt-16">We prioritize your website's security, implementing advance measures like.</p>
                     </div>

                     <div class="arrow-shape1">
                        <img src="assets/img/shapes/choose1-arrow-shape.png" alt="">
                     </div>
                  </div>
               </div>

               <div class="col-lg-4 col-md-6 mt-30" data-aos="fade-up" data-aos-duration="1200">
                  <div class="work1-box text-center">
                     <div class="icon">
                        <img src="assets/img/icons/choose1-icon3.svg" alt="">
                     </div>
                     <div class="content heading1 mt-20">
                        <h4><a href="#">Dedicated Support</a></h4>
                        <p class="mt-16">We care about the planet as much as we care about your to website.</p>
                     </div>
                  </div>
               </div>

            </div>
         </div>

         <img src="assets/img/shapes/service1-shape1.png" alt="" class="shape1 animate1">
         <img src="assets/img/shapes/service1-shape2.png" alt="" class="shape2">
      </div>
      <!--==== WORKS AREA END ==== -->

      <!--===== COMPEAR PLAN STARTS =======-->
      <div class="compear-pricing-section-area sp">
         <div class="container">
            <div class="row">
               <div class="col-lg-5 m-auto text-center">
                  <div class="heading1">
                     <span data-aos="zoom-in-left" data-aos-duration="800" class="sub-title">Pricing plan</span>
                     <h2 class="text-anime-style-3">Select Your Best Plan</h2>
                  </div>
               </div>
            </div>
            <div class="row mt-30">
               <div class="col-lg-12">
                  <div class="compear-table" data-aos="fade-up" data-aos-duration="900" data-aos-delay="300">
                     <div class="comparison">
                        <table>
                           <thead>
                              <tr class="main-heading">
                                 <th class="price-info">
                                    <div class="price-now">
                                       <img src="assets/img/images/pricing-plan-image.png" alt="">
                                    </div>
                                 </th>
                                 <th class="price-info">
                                    <div class="price-now">
                                       <div class="price-now-area">
                                          <span>Basic Plan</span>
                                          <h2>$199 <span>/Monthly</span></h2>
                                          <p>Ideal for small businesses an <br> startups looking to establish.</p>
                                          <div class="space16"></div>
                                          <a href="#" class="theme-btn1 btn_theme_active1 mt_40 wow fadeInDown" data-wow-duration="0.8s">Choose plan <span></span></a>
                                       </div>
                                    </div>
                                 </th>
                                 <th class="price-info">
                                    <div class="price-now highlight">
                                       <div class="price-now-area">
                                          <span>Standard Plan</span>
                                          <h2>$299 <span>/Monthly</span></h2>
                                          <p>Ideal for small businesses an <br> startups looking to establish.</p>
                                          <div class="space16"></div>
                                          <a href="#" class="theme-btn1 btn_theme_active1 mt_40 wow fadeInDown" data-wow-duration="0.8s">Choose plan <span></span></a>
                                       </div>
                                    </div>
                                 </th>
                                 <th class="price-info">
                                    <div class="price-now">
                                       <div class="price-now-area">
                                          <span>Plus Plan</span>
                                          <h2>$399 <span>/Monthly</span></h2>
                                          <p>Ideal for small businesses an <br> startups looking to establish.</p>
                                          <div class="space16"></div>
                                          <a href="#" class="theme-btn1 btn_theme_active1 mt_40 wow fadeInDown" data-wow-duration="0.8s">Choose plan <span></span></a>
                                       </div>
                                    </div>
                                 </th>
                              </tr>
                           </thead>
                           <tbody>
                              <tr class="compare-header1">
                                 <td> </td>
                                 <td><span></span></td>
                                 <td><span></span></td>
                                 <td><span></span></td>
                              </tr>
                              <tr>
                              </tr>
                              <tr>
                                 <td></td>
                                 <td colspan="3">Visit Per Month</td>
                              </tr>
                              <tr class="compare-row">
                                 <td>Visit Per Month</td>
                                 <td>
                                    <p class="infor">Up to 25000</p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor">Up to 50000</p>
                                 </td>
                                 <td>
                                    <p class="infor">Unlimited</p>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="3">Total Sites</td>
                              </tr>
                              <tr>
                                 <td>Total Sites</td>
                                 <td>
                                    <p class="infor">1</p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor">2</p>
                                 </td>
                                 <td>
                                    <p class="infor">3</p>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="3">Hosting Type</td>
                              </tr>
                              <tr class="compare-row">
                                 <td>Hosting Type</td>
                                 <td>
                                    <p class="infor">Shared</p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor">Shared</p>
                                 </td>
                                 <td>
                                    <p class="infor">Shared</p>
                                 </td>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="4">Share Hosting</td>
                              </tr>
                              <tr>
                                 <td>Share Hosting</td>
                                 <td>
                                    <p class="infor">50 GB</p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor">70 GB</p>
                                 </td>
                                 <td>
                                    <p class="infor">100 GB</p>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="3">Brand Per Month</td>
                              </tr>
                              <tr class="compare-row">
                                 <td>Brand Per Month</td>
                                 <td>
                                    <p class="infor">256 GB</p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor">400 GB</p>
                                 </td>
                                 <td>
                                    <p class="infor">600 GB</p>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="4">Imported SSL</td>
                              </tr>
                              <tr>
                                 <td>Imported SSL</td>
                                 <td>
                                    <p class="infor"><i class="fa-solid fa-x"></i></p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                                 <td>
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="3">24/7 Phone Support</td>
                              </tr>
                              <tr class="compare-row">
                                 <td>24/7 Phone Support</td>
                                 <td>
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                                 <td>
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                              </tr>
                              <tr>
                                 <td> </td>
                                 <td colspan="3">Consultative Onboarding</td>
                              </tr>
                              <tr>
                                 <td>Consultative Onboarding</td>
                                 <td>
                                    <p class="infor"><i class="fa-solid fa-x"></i></p>
                                 </td>
                                 <td class="highlight">
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                                 <td>
                                    <p class="infor"><i class="fa-solid fa-check"></i></p>
                                 </td>
                              </tr>
                           </tbody>
                        </table>

                     </div>

                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--===== COMPEAR PLAN ENDS =======-->

      <?php include('partials/testimonial.php'); ?>

      <div class="space100"></div>

      <?php include('partials/cta.php'); ?>

      <div class="space100"></div>

   </main>

   <?php include('partials/footer.php'); ?>

   <?php include('partials/footer-scripts.php'); ?>

</body>

</html>