|
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/../public_html/ |
| [ 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>Outdoor Instructors</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>
.download-icon {
display: inline-block;
position: absolute;
transform: translate(-200%, -10%);
-ms-transform: translate(-200%, -10%);
margin-top: 10px;
text-align: center;
font-size: 24px;
color: #000;
text-decoration: none;
}
.download-icon:hover {
color: #007bff;
}
.btn {
background-color: DodgerBlue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
}
/* Darker background on mouse-over */
.btn:hover {
background-color: RoyalBlue;
}
.breadcrumb-padding {
padding: 200px 0 120px!important;
top: 6% !important;
}
</style>
</head>
<?php include 'header.php'; ?>
<!-- breadcrumb area -->
<div class="breadcrumb-area breadcrumb-padding bg-img" style="background-image:url(assets/images/bg/banner1.webp)">
<div class="container">
<div class="breadcrumb-content text-center">
<h2><span style="color: #fffff;background-color:#0E70AF; ">ABOUT US </span></h2>
<ul>
<li><a href="index.php"><span style="color: #fffff;background-color:#0E70AF; ">PROFESSORS</span></a></li>
<li><i class="fa fa-angle-right"></i></li>
<li><span style="color: #fffff;background-color:#0E70AF; ">OUTDOOR INSTRUCTORS</span></li>
</ul>
</div>
</div>
</div>
<!-- Project area -->
<!-- Service details area -->
<div class="section section-padding">
<div class="container">
<div class="service-details-content" style="text-align:justify;">
<!--<img src="assets/images/banner/service-details-1.jpg" alt="">-->
<div class="service-details-list-content-wrap">
<h2 class="title2" style="color:#3EA6D2; ">Outdoor Instructor:</h2>
<!--<p style="padding-left:7%;">The trainee officers are being awarded with following medals at the end of their course as per the final examination results.</p>-->
<div class="service-details-list">
<div style="overflow-x:auto;">
<table style="width:90%; box-shadow:1px 10px 18px #888888;">
<thead style="text-align:left;">
<tr>
<th style="padding-left:1%;">Sl.No.</th>
<th style="padding-left:5%;">Image</th> <!-- New Column for Image Display -->
<th style="padding-left:16%;">Name of the Instructor</th>
<th>Outdoor Item</th>
</tr>
</thead>
<tbody class="service-details-list-degit" style="text-align:center">
<!--<tr class="number">-->
<!-- <td style="padding-left:2%;" align="left">01.</td>-->
<!-- <td align="left">-->
<!-- <img src="assets/images/team/sundrapandian.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
<!-- </td>-->
<!-- <td align="left">Sri. P. Sundarapandian, Deputy Jailor</td>-->
<!-- <td align="left">Instructor</td>-->
<!--</tr>-->
<!--<tr class="number">-->
<!-- <td style="padding-left:2%;" align="left">01.</td>-->
<!-- <td align="left">-->
<!-- <img src="assets/images/team/perrmal.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
<!-- </td>-->
<!-- <td align="left">Sri. G. Perumal, Asst.Jailor</td>-->
<!-- <td align="left">M.I</td>-->
<!--</tr>-->
<tr class="number">
<td style="padding-left:2%;" align="left">01.</td>
<td align="left">
<img src="assets/images/team/davendiran.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">
</td>
<td align="left">Sri. M. Devendiren, Retd.Inspector of Police</td>
<td align="left">P.T</td>
</tr>
<tr class="number">
<td style="padding-left:2%;" align="left">02.</td>
<td align="left">
<!--<img src="path/to/image1.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
</td>
<td align="left">Guest Instructor</td>
<td align="left">Yoga</td>
</tr>
<tr class="number">
<td style="padding-left:2%;" align="left">03.</td>
<td align="left">
<!--<img src="path/to/image1.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
</td>
<td align="left">Guest Instructor</td>
<td align="left">Karate</td>
</tr>
<tr class="number">
<td style="padding-left:2%;" align="left">04.</td>
<td align="left">
<!--<img src="path/to/image1.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
</td>
<td align="left">Guest Instructor</td>
<td align="left">Driving</td>
</tr>
<tr class="number">
<td style="padding-left:2%;" align="left">05.</td>
<td align="left">
<!--<img src="path/to/image1.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
</td>
<td align="left">Guest Instructor</td>
<td align="left">Tennis</td>
</tr>
<tr class="number">
<td style="padding-left:2%;" align="left">06.</td>
<td align="left">
<!--<img src="path/to/image1.jpg" alt="Sri. P. Sundarapandian" style="max-width: 100px;">-->
</td>
<td align="left">Guest Instructor</td>
<td align="left">Swimming</td>
</tr>
</tbody>
</table>
<script>
function previewImage(event, imageId) {
var reader = new FileReader();
reader.onload = function(){
var output = document.getElementById(imageId);
output.src = reader.result;
output.style.display = 'block'; // Show the image once it's loaded
};
reader.readAsDataURL(event.target.files[0]);
}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="section section-padding">-->
<!-- <div class="container">-->
<!-- <div class="service-details-content">-->
<!-- <img src="assets/images/service/service-details-1.jpg" alt="">-->
<!-- </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>