<div class="col-md-3 mt-4">
    <!-- affiliate -->
    <a class="text-decoration-none" href="https://go.travehelo.com/?utm_source=gotrvehelosidebar&utm_medium=text&utm_campaign=gotravehelo" target="_blank">
    <div class="card st shadow-sm border-0 p-2 mb-4" style="border-radius:10px;">
                <div class="card-body">
                <div class="d-flex align-items-center">
                <div class="position-relative">
                  <img src="https://travehelo.com/bl-themes/diqets/img/travel.png" alt="Henry Saudale" class="rounded-circle avatar" width="50">
                </div>
                <div class="col" style="padding-left: 10px;">
                  <p class="mb-0"><strong>Flight & Hotels</strong></p>
                  <p class="mb-1 text-muted"><small>Penerbangan Murah & Pencarian Hotel</small></p>
                </div>
              </div>
                </div>
    </div>
    </a>
    <!--/ affiliate -->
            <div class="card st shadow-sm border-0 p-2 mb-4" style="border-radius:10px;">
                <div class="card-body">
                    <h5 class="card-title mb-3 fw-bold">Popular Post</h5>
                        <ul class="list-group list-group-flush">
                            <?php
                              $listOfKeys = $pages->getList(1, 8);
                              if ($listOfKeys) :
                              foreach ($listOfKeys as $key) :
                              $lPage = new Page($key);
                            ?>
                            <li class="list-group-item" style="padding-left:0px;"><a class="text-decoration-none" href="<?php echo $lPage->permalink() ?>"><?php echo $lPage->title() ?></a></li>
                            <?php endforeach ?>
                            <?php endif ?>
                        </ul>
                </div>
            </div>
            <div class="card st shadow-sm border-0 p-2" style="border-radius:10px;">
                <div class="card-body" >
                    <h5 class="card-title mb-3">Popular Topic</h5>
                    <?php foreach ($categories->db as $key=>$fields):
            if($fields['list']):  ?>
            <a class="btn bg-light text-dark p-2 mb-2 text-decoration-none me-1" href="<?php echo DOMAIN_CATEGORIES.$key; ?>" role="button" style="font-size: 13px;"><?php echo $fields['name']; ?></a>
            <?php
              endif;
              endforeach; ?>
                </div>
            </div>
            <!-- Ads -->
             <center> <a href="https://c111.travelpayouts.com/click?shmarker=130872&promo_id=3294&source_type=banner&type=click&trs=149232" target="_blank"> <img class="img-fluid pt-4" src="https://c111.travelpayouts.com/content?promo_id=3294&shmarker=130872&type=init&trs=149232" alt="Start_Your_Journey_Lifestyle_EN_v5_300x250"> </a> </center>
             <center> <a href="https://c104.travelpayouts.com/click?shmarker=130872&promo_id=2825&source_type=banner&type=click&trs=149232" target="_blank"> <img class="img-fluid pt-4"  src="https://c104.travelpayouts.com/content?promo_id=2825&shmarker=130872&type=init&trs=149232" width="300" height="250" alt="300*250"> </a>   </center> 
            <!--/ Ads -->
        </div>