
<style>
    .list-style {
        list-style: none; !important;
    }
</style>

        <!-- Header End -->
        <div class="container-fluid py-5 bg-dark page-header mb-5">
            <div class="container my-5 pt-5 pb-4">
                <h1 class="display-3 text-white mb-3 animated slideInDown">Courses</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb text-uppercase">
                        <li class="breadcrumb-item"><a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Home</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page">Courses</li>
                    </ol>
                </nav>
            </div>
        </div>

        <!-- Header End -->

        <!-- Application Process Start -->
        <div class="container-xxl py-3">
            <div class="container">
                <h1 class="text-center mb-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">Choose Our Top Courses</h1>

                <div class="row g-4">
                    <?php foreach ($courses as $course): ?>
                        <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                            <div class="cat-item rounded p-4 h-100 shadow-sm bg-white">
                                <a href="<?php echo $this->Url->build('/courses/'.  strtolower(str_replace(' ', '-', $course->name))) ?>">
                                    <img src="<?php echo $this->request->webroot.'media/course/default.jpg'?>" alt="<?= h($course->name) ?>" class="img-fluid w-100 mb-3 rounded">
                                </a>
                                <div>
                                    <h6 class="text-primary mb-1"><?= h($course->course_category->name ?? '') ?></h6>

                                    <h5>
                                        <a href="<?php echo $this->Url->build('/courses/'.  strtolower(str_replace(' ', '-', $course->name))) ?>" class="text-decoration-none" style="color: #1a2d62;">
                                            <?= h($course->name) ?>
                                        </a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>

                </div>
            </div>
        </div>







