View file Hostc-PHP_v1.0/Hostc-PHP/blog-sidebar.php

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

<head>
   <?php
   $title = '|| Blog Sidebar';
   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>Blog Sidebar</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>Blog Sidebar</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 ==== -->

      <!--===== BLOG AREA START =======-->
      <div class="blog2 sp">
         <div class="container">
            <div class="row">
               <div class="col-lg-4">
                  <div class="details-sidebar mt-30">
                     <div class="_sidebar-widget _search">
                        <h3>Search</h3>
                        <div class="_search-form">
                           <form action="#">
                              <input type="search" placeholder="Search...">
                              <button><i class="fa-solid fa-magnifying-glass"></i></button>
                           </form>
                        </div>
                     </div>

                     <div class="_sidebar-widget _category mt-40">
                        <h3>Blog Category</h3>
                        <div class="_category-list">
                           <ul>
                              <li><a href="#">VPS Hosting <span><i class="fa-solid fa-angle-right"></i></span></a></li>
                              <li><a href="#">Shared Hosting <span><i class="fa-solid fa-angle-right"></i></span></a></li>
                              <li><a href="#">Cloud Hosting <span><i class="fa-solid fa-angle-right"></i></span></a></li>
                              <li><a href="#">WordPress Hosting <span><i class="fa-solid fa-angle-right"></i></span></a></li>
                              <li><a href="#">Email Hosting <span><i class="fa-solid fa-angle-right"></i></span></a></li>
                              <li><a href="#">Dedicated Hosting <span><i class="fa-solid fa-angle-right"></i></span></a></li>
                           </ul>
                        </div>
                     </div>

                     <div class="_sidebar-widget _tags mt-40">
                        <h3>Popular Tags</h3>
                        <div class="_tags-area">
                           <ul>
                              <li><a href="#">Web Hosting</a></li>
                              <li><a href="#">Dedicated Hosting</a></li>
                              <li><a href="#">Managed Hosting</a></li>
                              <li><a href="#">Reseller Hosting</a></li>
                              <li><a href="#">Cloud Hosting</a></li>
                              <li><a href="#">Hosting Perfomance</a></li>
                              <li><a href="#">server management</a></li>
                              <li><a href="#">open source</a></li>
                           </ul>
                        </div>
                     </div>

                  </div>
               </div>
               <div class="col-lg-8">
                  <div class="row ml-30 md:ml-0 sm:ml-0">
                     <div class="col-md-6" data-aos="zoom-in-up" data-aos-duration="800">
                        <div class="vl-blog-2-item mt-30">
                           <div class="vl-blog-2-thumb image-anime _relative">
                              <img class="w-full" src="assets/img/blog/blog2-image1.png" alt="">
                           </div>
                           <div class="vl-blog-2-content heading2">
                              <div class="vl-blog2-meta">
                                 <a href="#" class="mb-16"><img src="assets/img/icons/date1.svg" alt=""> 8 December 2025</a>
                              </div>
                              <h4><a href="blog-details.php">Top 5 Plugins to A Enhance Your WordPress Hosting Experience</a></h4>
                              <a href="blog-details.php" class="learn_btn mt-16">Read more <span><i class="fa-regular fa-arrow-right"></i></span></a>
                           </div>
                        </div>
                     </div>

                     <div class="col-md-6" data-aos="zoom-in-up" data-aos-duration="1000">
                        <div class="vl-blog-2-item mt-30">
                           <div class="vl-blog-2-thumb image-anime _relative">
                              <img class="w-full" src="assets/img/blog/blog2-image2.png" alt="">
                           </div>
                           <div class="vl-blog-2-content heading2">
                              <div class="vl-blog2-meta">
                                 <a href="#" class="mb-16"><img src="assets/img/icons/date1.svg" alt=""> 5 August 2025</a>
                              </div>
                              <h4><a href="blog-details.php">The Importance of Regular To Backups Your WordPress Site</a></h4>
                              <a href="blog-details.php" class="learn_btn mt-16">Read more <span><i class="fa-regular fa-arrow-right"></i></span></a>
                           </div>
                        </div>
                     </div>

                     <div class="col-md-6" data-aos="zoom-in-up" data-aos-duration="1200">
                        <div class="vl-blog-2-item mt-30">
                           <div class="vl-blog-2-thumb image-anime _relative">
                              <img class="w-full" src="assets/img/blog/blog2-image3.png" alt="">
                           </div>
                           <div class="vl-blog-2-content heading2">
                              <div class="vl-blog2-meta">
                                 <a href="#" class="mb-16"><img src="assets/img/icons/date1.svg" alt=""> 15 August 2025</a>
                              </div>
                              <h4><a href="blog-details.php">Different Types of WordPress Hosting: Shared vs Dedicated</a></h4>
                              <a href="blog-details.php" class="learn_btn mt-16">Read more <span><i class="fa-regular fa-arrow-right"></i></span></a>
                           </div>
                        </div>
                     </div>

                     <div class="col-md-6" data-aos="zoom-in-up" data-aos-duration="1200">
                        <div class="vl-blog-2-item mt-30">
                           <div class="vl-blog-2-thumb image-anime _relative">
                              <img class="w-full" src="assets/img/blog/blog2-image4.png" alt="">
                           </div>
                           <div class="vl-blog-2-content heading2">
                              <div class="vl-blog2-meta">
                                 <a href="#" class="mb-16"><img src="assets/img/icons/date1.svg" alt=""> 15 August 2025</a>
                              </div>
                              <h4><a href="blog-details.php">Why Choosing the Right Web Hosting Provider Of Matters</a></h4>
                              <a href="blog-details.php" class="learn_btn mt-16">Read more <span><i class="fa-regular fa-arrow-right"></i></span></a>
                           </div>
                        </div>
                     </div>

                     <div class="col-md-6" data-aos="zoom-in-up" data-aos-duration="1200">
                        <div class="vl-blog-2-item mt-30">
                           <div class="vl-blog-2-thumb image-anime _relative">
                              <img class="w-full" src="assets/img/blog/blog2-image5.png" alt="">
                           </div>
                           <div class="vl-blog-2-content heading2">
                              <div class="vl-blog2-meta">
                                 <a href="#" class="mb-16"><img src="assets/img/icons/date1.svg" alt=""> 15 August 2025</a>
                              </div>
                              <h4><a href="blog-details.php">Different Types of Web Hosting: Shared, VPS, Dedicated, Cloud</a></h4>
                              <a href="blog-details.php" class="learn_btn mt-16">Read more <span><i class="fa-regular fa-arrow-right"></i></span></a>
                           </div>
                        </div>
                     </div>

                     <div class="col-md-6" data-aos="zoom-in-up" data-aos-duration="1200">
                        <div class="vl-blog-2-item mt-30">
                           <div class="vl-blog-2-thumb image-anime _relative">
                              <img class="w-full" src="assets/img/blog/blog2-image6.png" alt="">
                           </div>
                           <div class="vl-blog-2-content heading2">
                              <div class="vl-blog2-meta">
                                 <a href="#" class="mb-16"><img src="assets/img/icons/date1.svg" alt=""> 15 August 2025</a>
                              </div>
                              <h4><a href="blog-details.php">How 100% Uptime Impacts to Your Business Hosting Success</a></h4>
                              <a href="blog-details.php" class="learn_btn mt-16">Read more <span><i class="fa-regular fa-arrow-right"></i></span></a>
                           </div>
                        </div>
                     </div>

                  </div>

                  <div class="space50"></div>
                  <div class="row">
                     <div class="col-12 m-auto">
                        <div class="theme-pagination text-center">
                           <ul>
                              <li><a href="#"><i class="fa-solid fa-angle-left"></i></a></li>
                              <li><a class="active" href="#">01</a></li>
                              <li><a href="#">02</a></li>
                              <li>...</li>
                              <li><a href="#">12</a></li>
                              <li><a href="#"><i class="fa-solid fa-angle-right"></i></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>

               </div>
            </div>

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

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

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

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

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

</body>

</html>