|
Server IP : 82.197.83.136 / Your IP : 216.73.216.197 Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u163988420 ( 163988420) PHP Version : 7.4.33 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 : ON Directory (0755) : /home/u163988420/domains/../domains/acmajmer.in/public_html/AACSITE/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php include 'includes/header.php' ?>
<!-- Breadcrumb -->
<?php
$breadcrumb_title = "Media & Social Media Coverage";
$breadcrumb_path = "Life @ Aryabhatta > Media & Social Media Coverage";
include 'includes/breadcrumb.php';
?>
<!-- -->
<div class="container-fluid py-5 mb-5 px-5">
<!-- Gallery Section -->
<div class="row g-4 gallery-section">
<!-- Gallery Cards -->
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/1.jpeg" alt="Gallery Image 1" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/2.jpeg" alt="Gallery Image 2" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/3.jpeg" alt="Gallery Image 3" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/4.jpeg" alt="Gallery Image 4" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/5.jpeg" alt="Gallery Image 5" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/6.jpeg" alt="Gallery Image 6" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/7.jpeg" alt="Gallery Image 7" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/8.jpeg" alt="Gallery Image 8" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/9.jpeg" alt="Gallery Image 9" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/10.jpeg" alt="Gallery Image 10" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/11.jpeg" alt="Gallery Image 11" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/12.jpeg" alt="Gallery Image 12" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/13.jpeg" alt="Gallery Image 13" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/14.jpeg" alt="Gallery Image 14" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/15.jpeg" alt="Gallery Image 15" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/16.jpeg" alt="Gallery Image 16" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/17.jpeg" alt="Gallery Image 17" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/18.jpeg" alt="Gallery Image 18" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/19.jpeg" alt="Gallery Image 19" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/20.jpeg" alt="Gallery Image 20" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/21.jpeg" alt="Gallery Image 21" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
<div class="col-md-3 px-2">
<div class="gallery-card d-flex flex-column justify-content-center align-items-center">
<img src="assets/life/mediaandsocialmediacoverage/22.jpeg" alt="Gallery Image 22" class="img-fluid rounded gallery-img" onclick="openModal(this)">
</div>
</div>
</div>
</div>
<div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"><a href="https://www.watchesuk.uk.com">Fake Watches</a></div>
<!-- Modal for Full-Screen Image -->
<div id="imageModal" class="modal" onclick="closeModal()">
<span class="close">×</span>
<img class="modal-content" id="fullImage">
</div>
<style>
/* Gallery card styling */
.gallery-card {
border-radius: 16px;
height: 200px;
text-align: center;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.gallery-card:hover {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
scale: 1.02;
}
.gallery-card img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
}
/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1050;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
align-content: center;
}
.modal-content {
margin: auto;
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
}
.close {
position: absolute;
top: 15px;
right: 25px;
color: #fff;
font-size: 30px;
font-weight: bold;
cursor: pointer;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
</style>
<script>
// Function to open modal and display the clicked image
function openModal(img) {
const modal = document.getElementById("imageModal");
const modalImg = document.getElementById("fullImage");
modal.style.display = "block";
modalImg.src = img.src;
}
// Function to close the modal
function closeModal() {
const modal = document.getElementById("imageModal");
modal.style.display = "none";
}
</script>
<!-- Footer -->
<?php include 'includes/footer.php' ?>