1#@!#!123s

: / home / schoolcampuserp / hrschool.in /
Filename : event.php
back
<?php 
    include('admin/database/dbconfig.php');
?>
<!DOCTYPE html>
<html lang="en">

    <?php include('head.php') ?>

    <body>

        <?php include('header.php') ?>
        

        <!-- Header Start -->
        <div class="container-fluid bg-breadcrumb">
            <div class="container text-center py-5" style="max-width: 900px;">
                <h3 class="text-primary display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Upcoming Events</h1>
                <ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
                    <li class="breadcrumb-item"><a href="index.php" class="text-dark">Home</a></li>
                    <!--<li class="breadcrumb-item"><a href="#" class="text-dark">Pages</a></li>-->
                    <li class="breadcrumb-item active text-primary">Events</li>
                </ol>    
            </div>
        </div>
        <!-- Header End -->

         <!-- Banner Start -->
    <?php include('banner.php') ?>
    <!-- Banner End -->

        <!-- Events Start -->
        <div class="container-fluid events py-5">
            <div class="container py-5">
                <div class="pb-5">
                    <div class="row g-4 align-items-end">
                        <div class="col-xl-8">
                            <h4 class="text-secondary sub-title fw-bold wow fadeInUp" data-wow-delay="0.1s">Events</h4>
                            <h1 class="display-2 mb-0 wow fadeInUp text-primary" data-wow-delay="0.3s">Upcoming Events</h1>
                        </div>
                    </div>
                </div>
                <div class="row g-4 justify-content-center">
                    <?php
                        $sql11 = "SELECT * FROM events ORDER BY event_date DESC LIMIT 4";
                        $res_sql11 = mysqli_query($conn, $sql11);
                        if(mysqli_num_rows($res_sql11)>0){
                            while($event = mysqli_fetch_assoc($res_sql11)){
                    ?>
                    
                    
                    <div class="col-md-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="event-item rounded">
                            <div class="position-relative">
                                <img src="admin/files/events/<?php echo $event['image']; ?>" class="img-fluid rounded-top w-100" style="height: 150px; object-fit: cover;" alt="Image">
                                <div class="bg-primary text-white fw-bold rounded d-inline-block position-absolute p-2"
                                    style="top: 0; right: 0;"><?php echo date("M d", strtotime($event['event_date'])); ?></div>
                                <div class="d-flex justify-content-between border-start border-end bg-white px-2 py-2 w-100 position-absolute"
                                    style="bottom: 0; left: 0; opacity: 0.8;">
                                    <a href="#" class="text-dark"><i class="fas fa-clock text-primary"></i> <?php echo $event['start_time']; ?>
                                       -<?php echo $event['end_time']; ?></a>
                                    <a href="#" class="text-dark"><span class="fas fa-map-marker-alt text-primary"></span>
                                        <?php echo $event['location']; ?></a>
                                </div>
                            </div>
                            <div class="border border-top-0 rounded-bottom p-4">
                                <a href="#" class="h4 mb-3 d-block"><?php echo $event['name']; ?></a>
                                <p class="mb-3"><?php echo $event['description']; ?></p>
                                <a class="btn btn-primary rounded-pill text-white py-2 px-4" href="#">Watch Now</a>
                            </div>
                        </div>
                    </div>
                    
                    <?php
                            }
                        }
                    
                    ?>
        
                </div>
            </div>
        </div>
        <!-- Events End -->
         <!-- Counter Facts Start -->
    <div class="container-fluid counter-facts py-5">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
                    <div class="counter">
                        <div class="counter-icon w-100 d-flex align-items-center justify-content-center">
                            <h3>Year of Excellence</h3>
                        </div>
                        <div class="counter-content d-flex align-items-center justify-content-center mt-4">
                            <span class="counter-value" data-toggle="counter-up">25</span>
                            <h4 class="text-primary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
                    <div class="counter">
                        <div class="counter-icon w-100 d-flex align-items-center justify-content-center">
                            <h3>Certified Teacher</h3>
                        </div>
                        <div class="counter-content d-flex align-items-center justify-content-center mt-4">
                            <span class="counter-value" data-toggle="counter-up">45</span>
                            <h4 class="text-primary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
                    <div class="counter">
                        <div class="counter-icon w-100 d-flex align-items-center justify-content-center">
                            <h3>Athletic Participation</h3>
                        </div>
                        <div class="counter-content d-flex align-items-center justify-content-center mt-4">
                            <span class="counter-value" data-toggle="counter-up">84</span>
                            <h4 class="text-primary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                    <div class="counter">
                        <div class="counter-icon w-100 d-flex align-items-center justify-content-center">
                            <h3>Satistied parents</h3>
                        </div>
                        <div class="counter-content d-flex align-items-center justify-content-center mt-4">
                            <span class="counter-value" data-toggle="counter-up">100</span>
                            <h4 class="text-primary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Counter Facts End -->

       

    <?php include('footer.php') ?>
    </body>

</html>