One Hat Cyber Team

Edit File: blog-details.php

<?php
// Database connection setup
$servername = "localhost";
$username = "u322583024_diabease";
$password = "Diabease@2025";
$dbname = "u322583024_diabease";

$conn = new mysqli($servername, $username, $password, $dbname);
error_reporting(E_ALL);
ini_set('display_errors', 1);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// Check if blog ID is passed
if (isset($_GET['id'])) {
    $id = intval($_GET['id']);
} else {
    die("No blog ID provided.");
}

// Fetch blog by ID
$sql = "SELECT id, title, `desc`, img, added_on, name, info FROM blog WHERE id = $id LIMIT 1";
$result = $conn->query($sql);

if ($result && $result->num_rows > 0) {
    $row = $result->fetch_assoc();
} else {
    die("Blog not found.");
}
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title><?php echo $row['title']; ?> | Blog Details</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    
    <link rel="icon" type="image/png" sizes="56x56" href="assets/images/fav-icon/icon.png" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/all.min.css" />
    <link rel="stylesheet" href="assets/css/flaticon.css" />
    <link rel="stylesheet" href="assets/css/theme-default.css" />
    <link rel="stylesheet" href="assets/css/meanmenu.min.css" />
    <link rel="stylesheet" href="venobox/venobox.css" />
    <link rel="stylesheet" href="assets/css/bootstrap-icons.css" />
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    <link rel="stylesheet" href="assets/css/aos.css" />
    <link rel="stylesheet" href="assets/css/swiper-bundle.css" />
    <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <style>
        .blog-details-thumb img{
            height: 600px !important;
        }
        
        .breadcumb-area {
    background: url(assets/images/diabease/banner/bannn2.jpg) 0% 0% / cover no-repeat;
    padding: 150px 0px 165px;
}
    </style>
</head>
<body>

<?php include 'header.php'; ?>

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

<div class="blog-details-area">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="blog-details-thumb">
          <img src="admin/assets/images/blog/<?php echo $row['img']; ?>" alt="blog image" class="img-fluid" />
        </div>
        <div class="blog-details-content">
          <div class="meta-blog">
            <span class="mate-text"><i class="fa-solid fa-user"></i> <?php echo htmlspecialchars($row['name']); ?></span>
            <span class="mate-comment"><i class="fa-regular fa-calendar-days"></i> <?php echo date("d M, Y", strtotime($row['added_on'])); ?></span>
          </div>

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

<?php include "footer.php"; ?>

<div id="progress" class="progress hide">
  <div id="progress-value"></div>
</div>

<script src="assets/js/vendor/jquery-3.6.2.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.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/odometer.min.js"></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>