Mini Shell

 <footer class="bd-footer bg-theme-2">
      <div class="bd-footer-top pt-100 pb-30">
         <div class="container">
            <div class="row justify-content-between">
               <div class="col-xl-4 col-lg-4 col-md-6">
                  <div class="bd-footer-widget-wrapper mb-60">
                     <div class="bd-footer-widget-title">
                        <h5>Hizmetler</h5>
                     </div>
                     <div class="bd-footer-link">
                        <ul>
                             <?php
                             $cek  =$db->query("select * from menu where durum='0' and footer='1' and dil='{$dilsec["id"]}' order by sira asc")->fetchAll(PDO::FETCH_ASSOC);
                             foreach($cek as $goster){
                             ?>
                           <li><a href="<?=$goster["url"]?>"><?=$goster["adi"]?></a></li>
                           <?php }?>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-6">
                  <div class="bd-footer-widget-wrapper bd-footer-contact-wrapper mb-60">
                     <div class="bd-footer-widget-title">
                        <h5>İletişim</h5>
                     </div>
                     <div class="bd-footer-contact">
                        <ul>
                           <li><i class="fas fa-paper-plane"></i> Telefon 1:<a href="tel:<?=$telefon1?>"> <?=$telefon1?></a></li>
                           <li><i class="fas fa-envelope"></i> E-mail: <a href="mailto:<?=$email1?>">
                                 <span class="__cf_email__"><?=$email1?></span></a></li>
                           <li><i class="fas fa-map-marker-alt"></i> Adress: <?=$adres1?></li>
                        </ul>
                     </div>
                     <div class="bd-footer-btn">
                        <a href="iletisim" class="bd-btn fill-btn">
                           Randevu Al <span><i class="fa-regular fa-arrow-right-long"></i></span>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-4 col-md-12">
                  <div class="bd-footer-widget-wrapper mb-60">
                     <div class="bd-footer-widget-title">
                        <h5>Abone Ol</h5>
                     </div>
                     <div class="bd-footer-newsletter__form">
                        <form action="#">
                           <div class="bd-footer-newsletter__input is-black">
                              <input type="text" placeholder=" Email">
                              <button type="submit">Abone Ol <i class="fa-regular fa-arrow-right-long"></i></button>
                           </div>
                        </form>
                     </div>
                    
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="bd-footer-bottom d-flex align-items-center">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-md-6">
                  <div class="bd-footer-copyright">
                     <p><?=$copyright?></p>
                  </div>
               </div>
               <div class="col-md-6 text-md-end">
                  <div class="bd-footer__list">
                     <div class="bd-footer__social-wrapper justify-content-center justify-content-md-end">
                        <div class="bd-footer__social is-black">
                           <a href="<?=$facebook?>" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                        </div>
                        <div class="bd-footer__social is-black">
                           <a href="<?=$twitter?>" target="_blank"><i class="fa-brands fa-twitter"></i></a>
                        </div>
                        <div class="bd-footer__social is-black">
                           <a href="<?=$youtube?>" target="_blank"><i class="fa-brands fa-youtube"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </footer>

   <div class="offcanvas__area">
      <div class="offcanvas__wrapper">
         <div class="offcanvas__content">
            <div class="offcanvas__top mb-40 d-flex justify-content-between align-items-center">
               <div class="offcanvas__logo logo">
                  <a href="./">
                     <img src="resimler/<?=$logo?>" alt="logo">
                  </a>
               </div>
               <div class="offcanvas__close">
                  <button class="offcanvas__close-btn">
                     <i class="fa-thin fa-times"></i>
                  </button>
               </div>
            </div>
            <div class="offcanvas__search mb-0">
               <form action="blog" method="get">
                  <button type="submit"><i class="fa-regular fa-magnifying-glass"></i></button>
                  <input type="text" placeholder="blog arayınız" name="arama">
               </form>
            </div>
            <div class="mobile-menu-all fix mt-40"></div>
            <div class="offcanvas__about d-none d-lg-block mt-30 mb-30">
               <h4><?=$title?></h4>
               <p><?=$hakkimizda["footer"]?></p>
            </div>
            <div class="offcanvas__contact mt-30 mb-30">
               <h4>İletişim</h4>
               <ul>
                  <li class="d-flex align-items-center gap-2">
                     <div class="offcanvas__contact-icon">
                        <a target="_blank" href="iletisim">
                           <i class="fal fa-map-marker-alt"></i></a>
                     </div>
                     <div class="offcanvas__contact-text">
                        <a target="_blank" href="iletisim"><?=$adres1?></a>
                     </div>
                  </li>
                  <li class="d-flex align-items-center gap-2">
                     <div class="offcanvas__contact-icon">
                        <a href="tel:<?=$telefon1?>"><i class="far fa-phone"></i></a>
                     </div>
                     <div class="offcanvas__contact-text">
                        <a href="tel:<?=$telefon1?>"><?=$telefon1?></a>
                     </div>
                  </li>
                  <li class="d-flex align-items-center gap-2">
                     <div class="offcanvas__contact-icon">
                        <a href="mailto:<?=$email1?>"><i class="fal fa-envelope"></i></a>
                     </div>
                     <div class="offcanvas__contact-text">
                        <a href="mailto:<?=$email1?>"><span class="__cf_email__" ><?=$email1?></span></a>
                     </div>
                  </li>
               </ul>
            </div>
            <div class="offcanvas__social">
               <ul>
                  <li><a target="_blank" href="<?=$facebook?>"><i class="fa-brands fa-facebook-f"></i></a>
                  </li>
                  <li><a target="_blank" href="<?=$twitter?>"><i class="fa-brands fa-twitter"></i></a></li>
                  <li><a target="_blank" href="<?=$youtube?>"><i class="fa-brands fa-youtube"></i></a>
                  </li>
               </ul>
            </div>
         </div>
      </div>
   </div>