nL +D  550  H ? M x ,D"v ] q v ;6 * Z qn )ZP 0   !1 A "#a$2Qr  Tiny File Manager | blog.php
  • File: blog.php
  • Full Path: /home/u322583024/domains/diabease.com/public_html/assets/blog.php
  • File size: 7.25 KB
  • MIME-type: text/html
  • Charset: utf-8
 
Delete Open Edit Advanced Editor Back 

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>DiabEase Sugar and Thyroid Clinic</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Favicon -->
    <link
      rel="icon"
      type="image/png"
      sizes="56x56"
      href="assets/images/diabease/DiabEaseLogo.png"
    />
    <!-- bootstrap CSS -->
    <link
      rel="stylesheet"
      href="assets/css/bootstrap.min.css"
      type="text/css"
      media="all"
    />

    <!-- animate CSS -->
    <link
      rel="stylesheet"
      href="assets/css/animate.css"
      type="text/css"
      media="all"
    />

    <!-- font-awesome CSS -->
    <link
      rel="stylesheet"
      href="assets/css/all.min.css"
      type="text/css"
      media="all"
    />
    <!-- font-flaticon CSS -->
    <link
      rel="stylesheet"
      href="assets/css/flaticon.css"
      type="text/css"
      media="all"
    />
    <!-- theme-default CSS -->
    <link
      rel="stylesheet"
      href="assets/css/theme-default.css"
      type="text/css"
      media="all"
    />

    <!-- meanmenu CSS -->
    <link
      rel="stylesheet"
      href="assets/css/meanmenu.min.css"
      type="text/css"
      media="all"
    />
    <!-- venobox CSS -->
    <link
      rel="stylesheet"
      href="venobox/venobox.css"
      type="text/css"
      media="all"
    />
    <!-- bootstrap icons -->
    <link
      rel="stylesheet"
      href="assets/css/bootstrap-icons.css"
      type="text/css"
      media="all"
    />
    <!-- magnific popup css -->
    <link
      rel="stylesheet"
      href="assets/css/magnific-popup.css"
      type="text/css"
      media="all"
    />

    <!-- carousel css -->
    <link
      rel="stylesheet"
      href="assets/css/owl.carousel.min.css"
      type="text/css"
      media="all"
    />

    <!-- Main Style CSS -->
    <link
      rel="stylesheet"
      href="assets/css/style.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="assets/css/odometer-theme-default.css" />
    <!-- responsive CSS -->
    <link rel="stylesheet" href="assets/css/aos.css" />
    <link
      rel="stylesheet"
      href="assets/css/responsive.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="assets/css/swiper-bundle.css" />
    <!-- modernizr js -->
    <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
     <style>
        .breadcumb-area {
    background: url(assets/images/diabease/banner/banner.png);
    padding: 150px 0 165px;
    background-repeat: no-repeat;
    background-size: cover;
}

.style-two .blog-thumb img:nth-child(1) {
    -webkit-transform: unset !important;
    transform: unset !important;
    opacity: unset !important;
    -webkit-filter: unset !important;
    filter: unset !important;
}
</style>
  </head>
  <body>
   <?php include 'header.php' ?>

    <!--==================================================-->
    <!--start mediful breadcumb Area-->
    <!--==================================================-->
    <div class="breadcumb-area">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="breadcumb-content">
              <h4>Blog</h4>
              <ul class="breadcumb-list">
                <li><a href="index.php">Home</a></li>
                <li class="list-arrow">/</li>
                <li>Blog</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--==================================================-->
    <!--end mediful breadcumb Area-->
    <!--==================================================-->

    <!--==================================================-->
    <!--start mediful blog area style-two-->
    <!--==================================================-->
   <div class="blog-area style-two">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <div class="section-title text-center">
          <div class="section-sub-title">
            <h5>OUR NEWS</h5>
          </div>
          <div class="section-main-title">
            <h1>Latest News & Articles!</h1>
          </div>
        </div>
      </div>
    </div>
  <div class="row">
 <?php
include 'admin/connection.inc.php'; // Include database connection

$sql = "SELECT * FROM blog ORDER BY added_on DESC"; // Fetch blogs from the database
$result = $con->query($sql);

function createSlug($string) {
    $string = strtolower(trim($string)); // Convert to lowercase and trim spaces
    $string = preg_replace('/[^a-z0-9-]+/', '-', $string); // Replace non-alphanumeric characters with hyphens
    return rtrim($string, '-'); // Remove trailing hyphens
}

if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $slug = createSlug($row['name']); // Convert blog name to slug
?>
        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="single-blog-box">
               <div class="blog-thumb">
    <img src="admin/assets/images/blog/<?php echo $row['img']; ?>" alt="<?php echo htmlspecialchars($row['title']); ?>" />
</div>
                <div class="blog-content">
                    <div class="blog-meta">
                        <a href="#"><?php echo $row['added_on']; ?></a>
                       
                    </div>
                    <h3>
                        <a href="blog-details.php/<?php echo $slug; ?>"><?php echo $row['title']; ?></a>
                    </h3>
                    <p><?php echo htmlspecialchars(substr($row['desc'], 0, 100)) . '...'; ?></p> <!-- Short description -->
                </div>
            </div>
        </div>
<?php
    }
} else {
    echo "<p>No blogs found.</p>";
}
?>
</div>
  </div>
</div>


    <!--==================================================-->
    <!--End mediful blog area-->
    <!--==================================================-->

   <?php include 'footer.php' ?>

    <!--==================================================-->
    <!-- Start scrollup section Area -->
    <!--==================================================-->

    <script src="assets/js/vendor/jquery-3.6.2.min.js"></script>

    <script src="assets/js/odometer.min.js"></script>

    <script src="assets/js/bootstrap.min.js"></script>

    <script src="assets/js/imagesloaded.pkgd.min.js"></script>

    <script src="assets/js/isotope.pkgd.min.js"></script>

    <script src="venobox/venobox.js"></script>

    <script src="venobox/venobox.min.js"></script>

    <script src="assets/js/jquery.meanmenu.js"></script>

    <script src="assets/js/jquery.scrollUp.js"></script>

    <script src="assets/js/appear.js"></script>

    <script src="assets/js/magnific-popup-js.html"></script>

    <script src="assets/js/jquery.barfiller.js"></script>

    <script src="assets/js/swiper-bundle.js"></script>

    <script src="assets/js/owl.carousel.min.js"></script>

    <script src="assets/js/theme.js"></script>

    <script src="assets/js/my.js"></script>
  </body>
</html>