<!DOCTYPE html>
<html lang="en">

<head>
    <?php include("include/meta.php");?>
    <?php include("include/css.php");?>
</head>
<style>
.course-item {
    transition: all 0.3s ease-in-out;
    transform-origin: center center;
    will-change: transform;
}

.course-item:hover {
    transform: scale(1.05);
}

.course-title {
    color: #ee9505;
}
</style>


<body>

    <!-- header area -->
    <?php include("include/header.php");?>
    <!-- header area end -->


    <main class="main">

        <!-- breadcrumb -->
        <?php
            $banner_sql = "SELECT * FROM data_table WHERE up_by = $x && page_type = 'slider' && recycle = '1' ORDER BY id DESC";
            $banner_run = mysqli_query($con, $banner_sql);
            if ($banner_row = mysqli_fetch_assoc($banner_run)) {
            ?>
        <div class="site-breadcrumb" style="background: url(./login/upload/<?php echo $banner_row['image_one']?>)">
            <div class="container">
                <h2 class="breadcrumb-title">Our Courses</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="index.php">Home</a></li>
                    <li class="active">Our Courses</li>
                </ul>
            </div>
        </div>
        <?php }?>
        <!-- breadcrumb end -->

        <div class="team-single pt-120">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <div class="team-details text-center">
                            <h3>MACAW Public School</h3>
                            <strong>Learning at Macaw Public School-A Place Where Every Class Inspires Growth</strong>
                            <p class="mt-3">
                                At Macaw Public School, education is more than books and marks. It is the art of helping
                                every child discover their true wings. From Nursery to Class 12, we guide students step
                                by step — from curiosity to clarity, from effort to excellence. </p>
                            <div class="team-details-info">
                                <p><strong>Our teaching blends strong values with modern methods. Each lesson encourages
                                        critical thinking, creativity, and confidence. Our digital classrooms, group
                                        projects, and real-life examples will make learning meaningful and joyful for
                                        your children.</strong></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- course-area -->
        <?php
            $cources_sql = "SELECT * FROM data_table WHERE up_by = $x && page_type = 'course' && recycle = '1' ORDER BY id ASC";
            $cources_run = mysqli_query($con, $cources_sql);
            if ($cources_run) {
        ?>
        <div class="course-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline"><i class="far fa-book-open-reader"></i>
                                Course List</span>
                            <h2 class="site-title">Let's Check Our <span>Courses</span></h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <?php while ($cources_row = mysqli_fetch_assoc($cources_run)) {?>
                    <div class="col-md-12 col-lg-12">
                        <div class="course-item wow fadeInUp" data-wow-delay=".25s">
                            <div class="row align-items-center">
                                <div class="col-md-4">
                                    <div class="course-img">
                                        <img src="./login/upload/<?php echo $cources_row['image_one']?>"
                                            style="background-size: cover;width: 100%;height: 170px;" alt="">
                                        <a class="btn"><i class="far fa-link"></i></a>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="course-content mt-3">
                                        <h4 class="course-title">
                                            <?= $cources_row["title"];?>
                                            <?= $cources_row["title_two"];?>
                                        </h4>
                                        <p class="course-text">
                                            <?= $cources_row["short_des"];?>
                                        </p>
                                        <p class="course-text">
                                            <?= $cources_row["long_des"];?>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php } ?>
                </div>
            </div>
        </div>
        <?php } ?>

    </main>



    <!-- footer area -->
    <?php include("include/footer.php");?>
    <!-- footer area end -->

    <!-- js -->
    <?php include("include/js.php");?>

</body>

</html>