Mini Shell

	<style>

    .whatsapp {position: fixed;left: 15px;bottom: 15px;transition: all .5s ease-in-out;z-index: 999;}

.whatsapp a {height: 50px;width: 50px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);font-size: 28px;display: block;text-align: center;line-height: 50px;color: white;background: #4dc247;}

.whatsapp .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;line-height: normal;font-size: 15px;top: 13px;left: 105%;height: auto;}

.whatsapp:hover a {transform: rotate(45deg);-webkit-transform: rotate(45deg);}.whatsapp:hover .tooltiptext {visibility: visible;}

.telefon {position: fixed;left: 15px;bottom: 75px;transition: all .5s ease-in-out;z-index: 999;}

.telefon a {height: 50px;width: 50px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);font-size: 28px;display: block;text-align: center;line-height: 50px;color: white;background: #337ab7;}

.telefon .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;line-height: normal;font-size: 15px;top: 13px;left: 105%;height: auto;}

.telefon:hover a {transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.telefon:hover .tooltiptext {visibility: visible;}



.telefon {

right: 15px !important;

left: unset;

bottom: 300px;

}



.whatsapp {

right: 15px !important;

left: unset;

bottom: 240px;

}



.telefon .tooltiptext, .whatsapp .tooltiptext {

right: 105%;

left: unset;

}



.telegram {

position: fixed;

right: 15px;

bottom: 180px;

transition: all .5s ease-in-out;

z-index: 999;

}



.telegram a {

height: 50px;

width: 50px;

border-radius: 50%;

overflow: hidden;

box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);

font-size: 28px;

display: block;

text-align: center;

line-height: 50px;

color: white;

background: #27A7E5;

}



.telegram .tooltiptext {

visibility: hidden;

width: 100px;

background-color: black;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 0;

position: absolute;

z-index: 1;

line-height: normal;

font-size: 15px;

top: 13px;

right: 105%;

height: auto;

}



.telegram:hover a {

transform: rotate(45deg);

-webkit-transform: rotate(45deg);

}



.telegram:hover .tooltiptext {

visibility: visible;

}



.instagram {

position: fixed;

right: 15px;

bottom: 120px;

transition: all .5s ease-in-out;

z-index: 999;

}



.instagram a {

height: 50px;

width: 50px;

border-radius: 50%;

overflow: hidden;

box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);

font-size: 28px;

display: block;

text-align: center;

line-height: 50px;

color: white;

background: #fd3a67;

}



.instagram .tooltiptext {

visibility: hidden;

width: 100px;

background-color: black;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 0;

position: absolute;

z-index: 1;

line-height: normal;

font-size: 15px;

top: 13px;

right: 105%;

height: auto;}

</style>



<div class="telefon">

	<a href="tel:<?=$telefon1?>" title="Telefon" alt="Telefon"><i class="fa fa-phone"></i></a>

	<span class="tooltiptext">Telefon</span>

</div>



<div class="whatsapp">

	<a href="https://api.whatsapp.com/send?phone=<?=$whatsapp?>" target="_blank" title="WhatsApp" alt="WhatsApp"><i class="fab fa-whatsapp"></i></a>

	<span class="tooltiptext">WhatsApp</span>

</div>



<div class="telegram">

	<a href="https://www.instagram.com/nezakettasbeautystudio/" target="_blank" title="İnstagram" alt="İnstagram"><i class="fab fa-instagram"></i></a>

	<span class="tooltiptext">İnstagram</span>

</div>



		

	

	 <footer class="footer-wrapper footer-layout2" data-bg-src="assets/img/bg/footer_bg_4.jpg">
         <div class="footer-top">
            <div class="container">
               <div class="row align-items-center">
                  <div class="col-xl-3">
                     <div class="footer-logo2"><a href="index.html"><img src="resimler/<?=$footerlogo?>" alt="<?=$title?>"></a></div>
                  </div>
                  <div class="col-xl-9">
                     <div class="newsletter-wrap">
                        <div class="newsletter-content">
                           <h3 class="newsletter-title">Nezaket Taş</h3>
                           <p class="newsletter-text">Yeşilbayır Mah. Şehit Kadir Yalçın Cd. 11/A Mamak / Ankara</p>
                        </div>

                     </div>
                  </div>
               </div>
            </div>
         </div>
         
         <div class="copyright-wrap">
            <div class="container">
               <div class="row justify-content-between align-items-center">
                  <div class="col-lg-6">
                     <p class="copyright-text"><i class="fal fa-copyright"></i> <?=$copyright?></p>
                  </div>
                  <div class="col-lg-6 text-end d-none d-lg-block">
                     <div class="footer-links">
                        <ul>
                           <li><a href="hakkimizda">Hakkımızda</a></li>
                           <li><a href="hizmetler">Hizmetlerimiz</a></li>
                           <li><a href="iletisim">İletişim</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>