
	<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="instagram">
	<a href="<?=$instagram?>" target="_blank" title="instagram" alt="instagram"><i class="fab fa-instagram"></i></a>
	<span class="tooltiptext">İnstagram</span>
</div>

<div class="telegram">
	<a href="<?=$telegram?>" target="_blank" title="Telegram" alt="Telegram"><i class="fab fa-telegram"></i></a>
	<span class="tooltiptext">Telegram</span>
</div>
<!--Tracking Start-->
		<section class="tracking">
			<div class="container">
				<div class="tracking__inner">
					<div class="tracking-shape-1 float-bob-y">
						<img src="assets/images/shapes/tracking-shape-1.png" alt="">
					</div>
					<div class="tracking-shape-2 float-bob-x">
						<img src="assets/images/shapes/tracking-shape-2.png" alt="">
					</div>
					<div class="tracking-shape-3 float-bob-x">
						<img src="assets/images/shapes/tracking-shape-3.png" alt="">
					</div>
					<div class="tracking-shape-4 float-bob-y">
						<img src="assets/images/shapes/tracking-shape-4.png" alt="">
					</div>
					<div class="tracking__left">
						<div class="tracking__icon">
							<span class="icon-folder"></span>
						</div>
						<div class="tracking__content">
							<p class="tracking__sub-title">Sana nasıl yardımcı olabiliriz?</p>
							<h3 class="tracking__title">Sorun mu yaşıyorsun? </h3>
						</div>
					</div>
					<div class="tracking__btn-box">
						<a href="iletisim" class="thm-btn tracking__btn">Bize Ulaş!</a>
					</div>
				</div>
			</div>
		</section>
		<!--Tracking End-->
		
	
		<footer class="site-footer">
			<div class="site-footer-bg" style="background-image: url(assets/images/backgrounds/site-footer-bg.png);">
			</div>
			<div class="container">
				<div class="site-footer__top">
					<div class="row">
						<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
							<div class="footer-widget__column footer-widget__about">
								<div class="footer-widget__logo">
									<a href="./"><img src="resimler/<?=$footerlogo?>" alt="<?=$title?>" width="150"></a>
								</div>
								<div class="footer-widget__about-text-box">
									<p class="footer-widget__about-text"><?=$sayfa["onaciklama"]?></p>
								</div>
								<div class="site-footer__social">
									<a href="<?=$twitter?>" target="_blank"><i class="fab fa-twitter"></i></a>
									<a href="<?=$facebook?>" target="_blank"><i class="fab fa-facebook"></i></a>
									<a href="<?=$pinterest?>" target="_blank"><i class="fab fa-pinterest-p"></i></a>
									<a href="<?=$instagram?>" target="_blank"><i class="fab fa-instagram"></i></a>
                                    <a href="<?=$youtube?>" target="_blank"><i class="fab fa-youtube"></i></a>
                                    <a href="<?=$telegram?>" target="_blank"><i class="fab fa-telegram"></i></a>
                                    <a href="<?=$linkedin?>" target="_blank"><i class="fab fa-linkedin"></i></a>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
							<div class="footer-widget__column footer-widget__contact clearfix">
								<h3 class="footer-widget__title">İletişim</h3>
								<ul class="footer-widget__contact-list list-unstyled clearfix">
									<li>
										<div class="icon">
											<span class="icon-email"></span>
										</div>
										<div class="text">
											<p><a href="mailto:<?=$email1?>"><?=$email1?></a></p>
										</div>
									</li>
									<li>
										<div class="icon">
											<span class="icon-pin"></span>
										</div>
										<div class="text">
											<p><?=$adres1?></p>
										</div>
									</li>
								</ul>
								
							</div>
						</div>
						<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
							<div class="footer-widget__column footer-widget__gallery clearfix">
								<h3 class="footer-widget__title">Instagram</h3>
								<ul class="footer-widget__gallery-list list-unstyled clearfix">
									<?php foreach($galericek as $galeri){?>
                                    <li>
										<div class="footer-widget__gallery-img">
											<img src="resimler/<?=$galeri["resim"]?>" alt="<?=$galeri["adi"]?>" style="width:100px">
											<a href="galeri"><span class="fa fa-link"></span></a>
										</div>
									</li>
									<?php }?>
								</ul>
							</div>
						</div>
						<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
							<div class="footer-widget__column footer-widget__newsletter">
								<h3 class="footer-widget__title">Abone Ol</h3>
								<p class="footer-widget__newsletter-text">Geliştirme ve güncellemelerden haberdar olmak için abone olabilirsiniz.</p>
								<form class="footer-widget__newsletter-form">
									<div class="footer-widget__newsletter-input-box">
										<input type="email" placeholder="Email address" name="email">
										<button type="submit" class="footer-widget__newsletter-btn"><i
												class="far fa-paper-plane"></i></button>
									</div>
								</form>
								<div class="footer-widget__phone">
									<div class="footer-widget__phone-icon">
										<span class="icon-telephone"></span>
									</div>
									<div class="footer-widget__phone-text">
										<a href="tel:<?=$telefon1?>"><?=$telefon1?></a>
										<p>Müşteri Hizmetleri</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="site-footer__bottom">
					<div class="row">
						<div class="col-xl-12">
							<div class="site-footer__bottom-inner">
								<p class="site-footer__bottom-text"><?=$copyright?></a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>