Tekil Mesaj gösterimi - Bu menüyü nasıl araya alabilirim?

Konu Bu menüyü nasıl araya alabilirim?

01-03-2023, 12:56:24

Merhaba, aşağıdaki görseldeki footer kısmına, buradaki gibi bir footer menüyü araya nasıl ekleyebilirim? Footer.php ve eklemek istediğim kodlarını aşağıya ekliyorum.

<?php if(!defined('SITE_INCLUDED')) { exit; } ?>
<footer class="main">
<section class="newsletter mb-15">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="position-relative newsletter-inner">
                    <div class="newsletter-content">
                        <h2 class="mb-20"><?php echo LG_NEWSLETTER_TEXT; ?></h2>
                        <form class="form-subcriber d-flex">
                            <input class="form-control" type="email" placeholder="<?php echo LG_EMAIL_PLACE_HOLDER; ?>">
                        </form>
                    </div>
                    <img data-src="<?php echo m_setting('newsletter_image'); ?>" class="lazyload" width="634px" height="346px" alt="<?php echo LG_NEWSLETTER_TEXT; ?>">
                </div>
            </div>
        </div>
    </div>
</section>
<section class="featured section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-1-5 col-md-4 col-12 col-sm-6 mb-md-4 mb-xl-0 mb-5">
                <div class="banner-left-icon d-flex align-items-center">
                    <div class="banner-icon">
                        <img class="lazyload" data-src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/icons/icon-1.webp" width="60" height="60" alt="<?php echo LG_BOX_1_TITLE; ?>">
                    </div>
                    <div class="banner-text">
                        <h3 class="icon-box-title"><?php echo LG_BOX_1_TITLE; ?></h3>
                        <p><?php echo LG_BOX_1_TEXT; ?></p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1-5 col-md-4 col-12 col-sm-6 mb-5">
                <div class="banner-left-icon d-flex align-items-center">
                    <div class="banner-icon">
                        <img class="lazyload" data-src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/icons/icon-2.webp" width="60" height="60" alt="<?php echo LG_BOX_2_TITLE; ?>">
                    </div>
                    <div class="banner-text">
                        <h3 class="icon-box-title"><?php echo LG_BOX_2_TITLE; ?></h3>
                        <p><?php echo LG_BOX_2_TEXT; ?></p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1-5 col-md-4 col-12 col-sm-6 mb-5">
                <div class="banner-left-icon d-flex align-items-center">
                    <div class="banner-icon">
                        <img class="lazyload" data-src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/icons/icon-3.webp" width="60" height="60" alt="<?php echo LG_BOX_2_TITLE; ?>">
                    </div>
                    <div class="banner-text">
                        <h3 class="icon-box-title"><?php echo LG_BOX_3_TITLE; ?></h3>
                        <p><?php echo LG_BOX_3_TEXT; ?></p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1-5 col-md-4 col-12 col-sm-6 mb-5">
                <div class="banner-left-icon d-flex align-items-center">
                    <div class="banner-icon">
                        <img class="lazyload" data-src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/icons/icon-4.webp" width="60" height="60" alt="<?php echo LG_BOX_4_TITLE; ?>">
                    </div>
                    <div class="banner-text">
                        <h3 class="icon-box-title"><?php echo LG_BOX_4_TITLE; ?></h3>
                        <p><?php echo LG_BOX_4_TEXT; ?></p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1-5 col-md-4 col-12 col-sm-6 mb-5">
                <div class="banner-left-icon d-flex align-items-center">
                    <div class="banner-icon">
                        <img class="lazyload" data-src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/icons/icon-5.webp" width="60" height="60" alt="<?php echo LG_BOX_5_TITLE; ?>">
                    </div>
                    <div class="banner-text">
                        <h3 class="icon-box-title"><?php echo LG_BOX_5_TITLE; ?></h3>
                        <p><?php echo LG_BOX_5_TEXT; ?></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="container pb-30">
    <div class="row align-items-center">
        <div class="col-12 mb-30">
            <div class="footer-bottom"></div>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6">
            <p class="font-sm mb-0"><?php echo m_setting('copyright'); ?></p>
        </div>
        <div class="col-xl-4 col-lg-6 text-center d-none d-xl-block">
            <div class="hotline d-lg-inline-flex mr-30">
                <img class="lazyload" data-src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/icons/phone-call.webp" width="30" height="30" alt="<?php echo LG_CUSTOMER_SERVICE; ?>">
                <a href="tel:<?php echo str_replace(' ','',m_setting('company_phone')); ?>" title="<?php echo LG_CUSTOMER_SERVICE; ?>"><p><?php echo m_setting('company_phone'); ?><span><?php echo LG_CUSTOMER_SERVICE; ?></span></p></a>
            </div>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 text-end d-none d-md-block">
            <div class="mobile-social-icon">
                <h6><?php echo LG_FOLLOW_US; ?></h6>
                <a href="<?php echo m_setting('facebook'); ?>" title="Facebook" target="_blank"><i class="fab fa-facebook"></i></a>
                <a href="<?php echo m_setting('twitter'); ?>" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
                <a href="<?php echo m_setting('instagram'); ?>" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
            </div>
        </div>
    </div>
</div>
</footer>
<div id="preloader-active">
            <div class="preloader d-flex align-items-center justify-content-center">
                <div class="preloader-inner position-relative">
                    <div class="text-center">
                        <img src="<?php echo SITE_THEME_URL; ?>/assets/imgs/theme/loading.gif" alt="Loading" width="80" height="80" />
                    </div>
                </div>
            </div>
</div>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/vendor/modernizr-3.6.0.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/vendor/jquery-migrate-3.3.0.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/vendor/bootstrap.bundle.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/slick.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/jquery.syotimer.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/waypoints.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/wow.js" defer></script>
<?php
if(m_u_g('page')=='category')
{
?>
        
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/jquery-ui.js"></script>
<?php
}
?>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/perfect-scrollbar.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/magnific-popup.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/select2.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/i18n/<?php echo LANG_CODE; ?>.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/isotope.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/js/plugins/jquery.theia.sticky.js" defer></script>

<script>
        var lang_code = "<?php echo LANG_CODE; ?>";
        var lang = <?php echo json_encode(m_lang_json('LG')); ?>;
</script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/custom/lazysizes.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/custom/sweetalert2/sweetalert2.min.js" defer></script>
<script src="<?php echo SITE_THEME_URL; ?>/assets/custom/validator/validator.js" defer></script>    
<script src="<?php echo SITE_THEME_URL; ?>/assets/custom/custom.js?v=<?php echo time(); ?>" defer></script>


<?php
if(m_setting('whatsapp_button')==1)
{
?>
<div class="mypage-alo-phone">
<a href="https://api.whatsapp.com/send?phone=<?php echo str_replace(' ','',m_setting("company_whatsapp")); ?>" target="_blank">
<div class="animated infinite zoomIn mypage-alo-ph-circle"></div>
<div class="animated infinite pulse mypage-alo-ph-circle-fill"></div>
<div class="animated infinite tada mypage-alo-ph-img-circle"></div>
</a>
</div>
<?php
}
?>

<?php echo m_setting('footer_codes'); ?>
</body>
</html>

<footer class="container py-5">
  <div class="row">
    <div class="col-12 col-md">
 
      <small class="d-block mb-3 text-muted">&copy; 2017-2019</small>
    </div>
    <div class="col-6 col-md">
      <h5>Features</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Cool stuff</a></li>
        <li><a class="text-muted" href="#">Random feature</a></li>
        <li><a class="text-muted" href="#">Team feature</a></li>
        <li><a class="text-muted" href="#">Stuff for developers</a></li>
        <li><a class="text-muted" href="#">Another one</a></li>
        <li><a class="text-muted" href="#">Last time</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>Resources</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Resource</a></li>
        <li><a class="text-muted" href="#">Resource name</a></li>
        <li><a class="text-muted" href="#">Another resource</a></li>
        <li><a class="text-muted" href="#">Final resource</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>Resources</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Business</a></li>
        <li><a class="text-muted" href="#">Education</a></li>
        <li><a class="text-muted" href="#">Government</a></li>
        <li><a class="text-muted" href="#">Gaming</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>About</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Team</a></li>
        <li><a class="text-muted" href="#">Locations</a></li>
        <li><a class="text-muted" href="#">Privacy</a></li>
        <li><a class="text-muted" href="#">Terms</a></li>
      </ul>
    </div>
  </div>
</footer>