| Server IP : 41.204.160.15 / Your IP : 18.219.132.107 Web Server : Apache System : Linux cp-uon.kenet.or.ke 3.10.0-1160.118.1.el7.x86_64 #1 SMP Wed Apr 24 16:01:50 UTC 2024 x86_64 User : karumottiac ( 1102) PHP Version : 8.1.28 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/karumottiac/public_html/ |
Upload File : |
<?php include('./header.php'); ?>
<!--Start Page Banner-->
<div class="page-banner-area bg-gallery">
<div class="container">
<div class="page-banner-content">
<ul class="about-us-header-text">
<li><a href="/">Home</a></li>
<li class="text-warning">Gallery</li>
</ul>
</div>
</div>
</div>
<!--End Page Banner-->
<!--Start Events Area-->
<div class="events-area pt-100 pb-70">
<div class="container">
<h1>Our Gallery</h1>
<?php
if(isset($_GET['msg'])) {
if($_GET['msg']=="uploadsucess") { ?>
<div class="alert alert-success text-center" role="alert" id=""> <a href="" class="close" data-dismiss="alert" aria-label="close">×</a>
<h3 class="status-msg">Your photo was uploaded successfully! Gallery update, check at New Uploads Section</h3></div>
<?php
}
}
?>
<!-- <div class="row justify-content-center">-->
<!--<div class="col-lg-4 col-md-6">-->
<!-- <div class="single-events-card style-4">-->
<!-- <div class="events-image">-->
<!-- <a href="#"><img src="assets/images/gallery/principal.JPG" alt="Image"></a>-->
<!-- <div class="date">-->
<!-- <span>Sep</span>-->
<!-- <p>2022</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="events-content">-->
<!-- <div class="admin">-->
<!--<p><a href="events-details.html"><i class="flaticon-student-with-graduation-cap"></i>Raymond Salazar</a></p>-->
<!-- </div>-->
<!-- <a href="events-details.html"><h3>Mr. Principal and the Team</h3></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6">-->
<!-- <div class="single-events-card style-4">-->
<!-- <div class="events-image">-->
<!-- <a href="#"><img src="assets/images/gallery/team.JPG" alt="Image"></a>-->
<!-- <div class="date">-->
<!-- <span>Sep</span>-->
<!-- <p>2022</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="events-content">-->
<!-- <div class="admin">-->
<!--<p><a href="events-details.html"><i class="flaticon-student-with-graduation-cap"></i>Raymond Salazar</a></p>-->
<!-- </div>-->
<!-- <a href="events-details.html"><h3>Staff During a Mental Health Talk Meeting</h3></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6">-->
<!-- <div class="single-events-card style-4">-->
<!--<div class="events-image">-->
<!-- <a href="#"><img src="assets/images/gallery/team.JPG" alt="Image"></a>-->
<!-- <div class="date">-->
<!-- <span>Sep</span>-->
<!-- <p>2022</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="events-content">-->
<!-- <div class="admin">-->
<!--<p><a href="events-details.html"><i class="flaticon-student-with-graduation-cap"></i>Raymond Salazar</a></p>-->
<!-- </div>-->
<!-- <a href="events-details.html"><h3>Staff During a Mental Health Talk Meeting</h3></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--<h3 class="text-info">Latest Uploads</h3>-->
<div class="events-area pt-100 pb-70">
<?php
$servername = "localhost";
$username = "karumottiac";
$password = "jJBdzS5yA2GuP4X";
$dbname = "karumottiac_karumo-web";
$mysqli = new mysqli($servername, $username, $password, $dbname);
$ItemsPerRow = 0;
$query="SELECT * FROM gallery";
$result=$mysqli->query($query);
if($result->num_rows>0){
?>
<div class="container">
<!--<h1>News and Events</h1>-->
<div class="row justify-content-center">
<!--<h3 class="text-info">Annual Events</h3>-->
<?php
while($ItemsPerRow < 2 && $row=$result->fetch_assoc())
{
?>
<div class="col-lg-4 col-md-6">
<div class="single-events-card style-4">
<div class="events-image">
<a href="#"><img src="admin/gallery/images/<?php echo $row['caption']; ?>" alt="Image"></a>
<div class="date">
<p><?php echo substr($row['postedOn'],0,10); ?></p>
</div>
</div>
<div class="events-content">
<div class="admin">
<p><a href="#"><i class="flaticon-school"></i><?php echo $row['captionOccasion'] ?></a></p>
</div>
<a href="#"><h3><?php echo $row['captionHeading'] ?></h3></a>
</div>
</div>
</div>
<?}}?>
</div>
<div class="paginations">
<ul>
<li><a href="#"><i class="flaticon-back"></i></a></li>
<li><a href="#">01</a></li>
<li><a href="#">02</a></li>
<li><a href="#">03</a></li>
<li><a href="#" class="active"><i class="flaticon-next"></i></a></li>
</ul>
</div>
</div>
</div>
</div></div>
<!--End Events Area-->
<?php include('footer.php'); ?>
<!-- Start Go Top Area -->
<div class="go-top">
<i class="ri-arrow-up-s-line"></i>
<i class="ri-arrow-up-s-line"></i>
</div>
<!-- End Go Top Area -->
<!-- Jquery js -->
<script>
$("#success-alert").fadeTo(2000, 5000).slideUp(5000, function(){
$("#success-alert").slideUp(5000);
});
</script>
<script src="assets/js/jquery.min.js"></script>
<!-- Bootstrap bundle js -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Meanmenu js -->
<script src="assets/js/jquery.meanmenu.js"></script>
<!-- Owl Carosel js -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- Owl Carosel Thumbs js -->
<script src="assets/js/carousel-thumbs.min.js"></script>
<!-- Magnific popup js -->
<script src="assets/js/jquery.magnific-popup.js"></script>
<!-- Aos js -->
<script src="assets/js/aos.js"></script>
<!-- Odometer js -->
<script src="assets/js/odometer.min.js"></script>
<!-- Appear js -->
<script src="assets/js/appear.min.js"></script>
<!-- Form Validator js -->
<script src="assets/js/form-validator.min.js"></script>
<!-- Contact Form Script js -->
<script src="assets/js/contact-form-script.js"></script>
<!-- Ajaxchimp js -->
<script src="assets/js/ajaxchimp.min.js"></script>
<!--Custom js-->
<script src="assets/js/custom.js"></script>
</body>
</html>