<div class="container-fluid py-5 bg-info text-white">
    <div class="row p-2 pt-4">
      <div class="col-md-3 mb-4 order-sm-first order-last">
        <h4 class="fw-bold mb-4"><?php echo $site->title(); ?></h2>
            <p class="fw-light"><?php echo $site->slogan(); ?></p>
            <p class="mt-4"><a class="btn btn-light text-info me-2 fw-light" href="#" role="button"><i class="fa-brands fa-facebook-f"></i></a>
            <a class="btn btn-light text-info me-2 fw-light" href="#" role="button"><i class="fa-brands fa-twitter"></i></a>
            <a class="btn btn-light text-info me-2 fw-light" href="#" role="button"><i class="fa-brands fa-linkedin-in"></i></a>
            <a class="btn btn-light text-info me-2 fw-light" href="#" role="button"><i class="fa-brands fa-instagram"></i></a></p>
            <p class="mt-5 text-light">&copy; 2022 <span class="fw-bold"><?php echo $site->title(); ?></span>. All Rights Reserved.</p>
            <p class="text-light">Powered by <strong><a class="text-decoration-none text-light" href="https://www.bludit.com/" target="_blank">Bludit</a></strong><br>Theme by <strong><a class="text-decoration-none text-light" href="https://blthemes.com/" target="_blank">BlThemes</a></strong></p>
      </div>
      <div class="col-6 col-lg-3 offset-lg-1 mb-4 d-none d-lg-block">
        <h4 class="fw-bold mb-3">News</h4>
            <ul class="list-group list-group-flush">
                <?php
                    $listOfKeys = $pages->getList(1, 5);
                    if ($listOfKeys) :
                    foreach ($listOfKeys as $key) :
                    $lPage = new Page($key);
                ?>
        <li class="list-group-item border-0 ps-0 bg-transparent"><a class="text-decoration-none text-light fw-light" href="<?php echo $lPage->permalink() ?>"><?php echo $lPage->title() ?></a></li>
        <?php endforeach ?>
        <?php endif ?>
        </ul>
      </div>
      <div class="col-6 col-lg-2 mb-4 d-none d-lg-block">
        <h4 class="fw-bold mb-3">Categories</i></h4>
        <ul class="list-group list-group-flush">
          <?php foreach ($categories->db as $key=>$fields):
            if($fields['list']):  ?>
            <li class="list-group-item border-0 ps-0 bg-transparent"><a class="text-decoration-none text-light fw-light" href="<?php echo DOMAIN_CATEGORIES.$key; ?>"><?php echo $fields['name']; ?></a></li>
            <?php
            endif;
            endforeach; ?>
        </ul>
      </div>
      <div class="col-6 col-lg-3 mb-4 d-none d-lg-block">
        <h4 class="fw-bold mb-3">Popular Topic</h4>
        <?php
            $items = getTags();
            foreach ($items as $tag) {
            echo '<a class="btn btn-sm rounded-pill btn-light text-info mt-2 fw-light me-2" href="'.$tag->permalink().'" role="button"> '.$tag->name().'</a>';
            }
        ?>
      </div>
    </div>
</div>