Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JAM ON | Your Home For Urban Music</title>
<meta name="description" content="Jam-On FM brings you the best in nonstop music, fresh hits, and smooth vibes. Tune in anytime, anywhere.">
<?php include 'head.php'?>
</head>
<body>
<?php include 'header.php'?>
<?php
include "conn.php";
function getBlogs($mysqli) {
$q = "SELECT * FROM blogs ORDER BY created_at DESC";
if ($res = $mysqli->query($q)) {
return $res->fetch_all(MYSQLI_ASSOC);
}
return [];
}
$blogs = getBlogs($mysqli);
?>
<section class="blog-section py-5 text-white">
<div class="container">
<div class="row align-items-center motion-features">
<div class="col-lg-8 col-7" data-aos="fade-right">
<h2 class="display-5 fw-bold mb-4">Programmes</h2>
</div>
<div class="col-lg-4 col-5 text-lg-end text-start" data-aos="fade-left">
<select id="categorySelect" class="form-select w-auto mb-4 border-light ms-auto" aria-label="Select Category">
<option value="" selected>Choose a category</option>
</select>
</div>
</div>
<!-- Category name full width -->
<div class="row mb-3">
<div class="col-12">
<h2 id="category-name" class="text-white"></h2>
</div>
</div>
<!-- Tracks row -->
<div class="row">
<!-- Left: Category info (image only) -->
<div class="col-lg-6 category-info" id="category-info" style="display: none;">
<img id="category-image" src="" class="img-fluid" alt="Category Image" />
</div>
<!-- Right: Tracks -->
<div class="col-lg-6">
<div class="row gb-3" id="mixcloud-container" style="opacity:0; transition: opacity 1s;"></div>
<!-- Load More button -->
<div class="text-center mt-4">
<button id="loadMore" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3" style="display:none;">Load More</button>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists