<section id="popular-courses" class="courses">
    <div class="container" data-aos="fade-up">

        <div class="section-title mt-5">
            <h2>Artikel</h2>
            <p>Artikel</p>
        </div>

        <div class="row row-cols-1 row-cols-md-4">
            <?php

            $dataguru = $koneksi->query("SELECT * FROM tbl_artikel");
            foreach ($dataguru as $pecah) :

            ?>
                <div class="col mb-3">
                    <div class="card">
                        <img height="200" src="admin/dist/img/imgartikel/<?= $pecah['artikel_foto'] ?>" class="card-img-top" alt="...">
                        <i class="icofont-wall-clock mt-3 ml-3"> <small><?= $pecah['artikel_tgl'] ?></small></i>
                        <div class="card-body" style="text-align: center;">
                            <p class="card-title"><b><?= $pecah['artikel_nama'] ?></b></p>
                            <hr>
                            <p class="card-text"><?= substr($pecah['artikel_ket'], 0, 100) ?></p>
                            <p style="background: #5fcf80;"><a href="?page=pages/artikel/detail&iddetail=<?= $pecah['artikel_id'] ?>">Lanjutkan baca...</a></p>
                        </div>
                    </div>
                </div>

            <?php
            endforeach;
            ?>

        </div>

    </div>
</section>