Tiny File Manager

Back Back Up Advanced Editor

<div class="position-relative">
        <div class="mbr-section-head">
            <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2 text-primary"><strong>Award & Certifications</strong></h4>

</div>
        <div class="embla mt-4" data-skip-snaps="true" data-align="center" data-contain-scroll="trimSnaps" data-loop="true" data-auto-play="true" data-auto-play-interval="5" data-draggable="true">
            <div class="embla__viewport container">
                <div class="embla__container">

<?php
                        $offer_query = "SELECT name, name_bn, slug, image FROM posts WHERE category_id = 3 ";
                        $offer_query_run = mysqli_query($con, $offer_query);

if(mysqli_num_rows($offer_query_run) > 0)
                        {
                            foreach( $offer_query_run as $offeritem)
                            {
                                ?>
                
                
                
                
                <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
                    <div class="slide-content">
                        <div class="item-wrapper">
                            <div class="item-img">
                               
                                <img src="<?= base_url('../uploads/posts/'.$offeritem['image']) ?>" alt="" title="" class="image">
                                <div class="overlay"><?= $offeritem['name'] ?></div>
                            </div>
                        </div>
        
                        <div class="mbr-section-btn item-footer mt-2">
                            <a href="<?= base_url('post/'.$offeritem['slug']); ?>" class="btn item-btn btn-primary-outline display-7" target="_blank">Details &gt;</a>
                        </div>
                    </div>
                </div>

<?php   
                            }
                        }

</div>
            </div>
            <button class="embla__button embla__button--prev">
                <span class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont" aria-hidden="true"></span>
                <span class="sr-only visually-hidden visually-hidden">Previous</span>
            </button>
            <button class="embla__button embla__button--next">
                <span class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont" aria-hidden="true"></span>
                <span class="sr-only visually-hidden visually-hidden">Next</span>
            </button>
        </div>
    </div>
</section>