Server : LiteSpeed System : Linux in-mum-web983.main-hosting.eu 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64 User : u520472703 ( 520472703) PHP Version : 8.2.29 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Directory : /home/u520472703/domains/gadhiaassociate.com/public_html/ |
<?php
include("admin/includes/config.db.php");
include("admin/includes/helper.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>All Blogs</title>
<!-- ---------------------------- Favicon Icon ----------------------------- -->
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
<!-- ----------------------- AOS Library CDN Sources ----------------------- -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- ------------------------ Bootstrap CDN Sources ------------------------ -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- ---------------------------- Font Awesome ----------------------------- -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- ----------------------------- Body Fonts ------------------------------ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<!-- ----------------------------- Ajax Query ------------------------------ -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- ---------------------------- External CSS ----------------------------- -->
<link rel="stylesheet" href="assets/css/styles.css" type="text/css" />
<link rel="stylesheet" href="assets/css/custom.css" type="text/css" />
</head>
<body>
<section id="blogs">
<div class="container">
<div class="my-3 d-flex align-items-center">
<a href="./#blogs" class="btn button" style="color: var(--bs-primary);">
<i class="fa fa-chevron-left me-2"></i> Back
</a>
|
<a href="./#blogs" class="btn button" style="color: var(--bs-primary);">
Home
</a>
>
<a href="blog.php" class="btn button" style="color: var(--bs-primary);">
Blogs
</a>
</div>
<div data-aos="fade-up" data-aos-duration="800">
<div class="d-flex flex-column align-items-center section-starting mb-5">
<h3 class="m-3" title="Contact us Section">Blogs</h3>
<div class="position-relative rounded-5 design-parent mb-3">
<div class="bg-primary position-absolute top-50 start-50 translate-middle rounded-5 design-child">
</div>
</div>
</div>
<div class="text-center mb-4">
<a class="btn button p-2 p-md-3 rounded-button focus-ring m-1 fs-6" onclick="showOnlyElements('all')">
Show All
</a>
<?php
$categories = getAll("category");
if ($categories) {
foreach ($categories as $category) {
// // Uncomment this code if u want to hide category which doesn't contain any blogs and add closing curly bracket
// $findBlogs = getBycId("gallery", $category["c_id"]);
// if(sizeof($findBlogs)!=0){
?>
<a class="btn button p-2 p-md-3 rounded-button focus-ring m-1 fs-6" onclick="showOnlyElements('cat<?php echo $category['c_id']; ?>', '<?php echo ucfirst($category['name']); ?>')">
<?php echo ucfirst(strtolower($category['name'])); ?>
</a>
<?php } } ?> <!-- Edd extra curly bracket here -->
</div>
<div class="row" id="myCat">
<i id="catsort" class="text-center">All Blogs</i>
<?php
$query = "select * from gallery WHERE c_id IS NOT NULL";
$result = mysqli_query($conn, $query);
if ($result) {
foreach ($result as $key => $value) {
?>
<div class="col-6 col-md-3 p-0 <?php echo "cat" . $value["c_id"]; ?>"">
<div class=" p-3">
<div class="swiper gallary-img swiper_<?php echo $value["id"]; ?>">
<div class="swiper-wrapper">
<?php
foreach (explode(",", $value['imgSrc']) as $img) {
if ($img == "" || !file_exists("assets/img/".$img)) {
$img = "404.jpg";
}
?>
<a href="article.php?id=<?= $value["id"]; ?>" class="swiper-slide">
<img class="img-fluid" src="assets/img/<?= $img ?>" alt="first">
<?php
if ($value['title']) {
?>
<div class="image-desc-card">
<div class="title fw-bolder">
<?= $value['title'] ?>
</div>
</div>
<?php
}
?>
</a>
<?php
}
?>
</div>
<div class="swiper-pagination"></div>
</div>
<script>
new Swiper('<?php echo '.swiper_' . $value["id"]; ?>', {
direction: 'horizontal',
loop: true,
pagination: {
el: '.swiper-pagination',
},
});
</script>
</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</section>
<?php include("components/footer.php") ?>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/js/bootstrap.min.js"></script>
<!-- This script is better than using Bootstrap Collapse, It don't hide the element by clicking same button again. It hides all elements except the one which is clicked, For more simple and clear understanding view the code of test.php in home directory -->
<script>
function showOnlyElements(className, cat) {
var allElements = document.querySelectorAll("<?php
$categories = getAll("category");
if ($categories) {
foreach ($categories as $category) {
if(isset($breakpoint) && $breakpoint == true) {
echo ", .cat".$category['c_id'] ;
}
else{
echo ".cat".$category['c_id'] ;
}
$breakpoint = true;
} }
?>");
if(className=="all"){
for (var i = 0; i < allElements.length; i++) {
allElements[i].style.display = 'block';
document.getElementById("catsort").innerHTML = "All Blogs";
}
}
else{
var catFound = false;
for (var i = 0; i < allElements.length; i++) {
if (allElements[i].classList.contains(className)) {
allElements[i].style.display = 'block';
document.getElementById("catsort").innerHTML = "Blogs Related to \""+cat+"\" Category";
var catFound = true;
} else {
allElements[i].style.display = 'none';
if(!catFound){
document.getElementById("catsort").innerHTML = "No Blogs Found Related to \""+cat+"\" Category";
}
}
}
}
}
</script>
<script>
AOS.init();
</script>
</body>
</html>