<div class="BoxAlertArea BoxSurpriseArea" data-boxalertarea-id="BoxSurprise">
	<div class="BoxAlertContent">
		<form action=" " method="post" autocomplete="on">
			<div class="BoxSurpriseContent">
				<i class="BoxSurpriseIcon icon-scissors"></i>
				<div class="BoxSurpriseCodes">
					<div class="BoxSurpriseCouponTitle">
						<h3>Günün İndirimi kullanım alanı: <span>Tüm Hostingler</span></h3>
					</div>
					<div class="BoxSurpriseCouponCode">
						<div class="BoxSurpriseCode">
							<pre>20 TL</pre>
							<span>KOD</span>
						</div>
					</div>
					<div class="BoxSurpriseCouponText">
						<h1 class="BoxSurpriseTitle">Server Sistemleri olarak günün her saati size indirim sunuyoruz!</h1>
						<h2 class="BoxSurpriseSubtitle">Bugünün teklifi olarak indirim kodlarını buradan ücretsiz dağıtıyoruz!</h2>
					</div>
					<div class="BoxSurpriseCodeBox">
						<div class="BoxSurpriseCodeCopy">
							<span class="BoxSurpriseCopyTitle">
								Kampanya sayfasına git ve sepet aşamasında bu kodu yapıştır
							</span>
							<div class="BoxSurpriseClipboard">
								<input class="BoxSurpriseInput" id="BoxSurpriseInput" type="text" readonly="readonly" value="SS-GUNUN-INDIRIMI">
								<span class="BoxSurpriseBtn btn-dark" id="BoxSurpriseBtn">
									<i class="icon-copy2"></i>
									kopyala
								</span>
							</div>
						</div>
					</div>
					<div class="BoxSurpriseInfo">
						<div class="BoxSurpriseInfoIcon">
							<i class="ssicon-rocket"></i>
						</div>
						<p class="BoxSurpriseInfoText">
							Kod çalışmıyor mu? Bütün reklam engelleyici eklentileri ve programlarını kapatmanı öneririz. Böylece faydalanmak istediğin fırsata sorunsuzca ulaşırsın.
						</p>
					</div>
					<a class="BoxSurpriseBtnBlank btn btn-primary" target="_blank" href="https://serversistemleri.com/bireysel-hosting">
						Kampanya sayfasına götür beni!
					</a>
				</div>
			</div>
		</form>
	</div>
</div>
<style>
            .modal-header {
                border-bottom: none;
            }
            .modal-body {
                text-align: center;
                color: #c7c7c7;
                padding:0px;
            }
            .modal-footer {
                border-top: none;
                justify-content: space-between;
            }
            .btn-delete {
                background-color: #ff5a5a;
                color: white;
                border: none;
            }
            .btn-delete:hover {
                background-color: #ff4343;
            }
            .btn-cancel {
                color: #c7c7c7;
                border: 1px solid #c7c7c7;
                background-color: transparent;
            }
            .btn-cancel:hover {
                color: #fff;
                background-color: #6c757d;
            }
            .delete-icon {
                background-color: #2e2e2e;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
            }
            .delete-icon i {
                font-size: 24px;
                color: #ff5a5a;
            }
            .modal-content {
                background-color: #1c1c1c;
                border: none;
            }
            .btn-close {
                color: white;
                position: absolute;
                top: 10px;
                right: 10px;
                background-image: url(/assets/img/x-icon.webp) !important;

            }
            .btn-close:hover {
                color: #ff5a5a;
            }
            .close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            background: none;
            border: none;
            font-size: 20px;
            color: white;
            cursor: pointer;
        }
        </style>
            <style>
                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }

                body {
                    font-family: Arial, sans-serif;
                    background-color: #0A2D7B;
                }

                .banner-container {
                    background-color: #E1EEFE;
                    width: 100%;
                    max-width: 1200px;
                    margin: 20px auto;
                    padding: 20px;
                    border-radius: 10px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }

                .left-section {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }

                .left-section img {
                    max-width: 100%;
                    height: auto;
                }

                .discount-text {
                    color: #000;
                    font-weight: bold;
                    font-size: 24px;
                    margin-bottom: 10px;
                }

                .discount-text span {
                    display: block;
                    font-size: 14px;
                }

                .right-section {
                    display: flex;
                    align-items: center;
                }

                .right-section input[type="text"] {
                    padding: 10px;
                    width: 300px;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                    font-size: 16px;
                    margin-right: 10px;
                }

                .right-section input[type="submit"] {
                    background-color: #FF6D00;
                    color: white;
                    padding: 10px 20px;
                    border: none;
                    border-radius: 5px;
                    font-size: 16px;
                    cursor: pointer;
                }

                .right-section input[type="checkbox"] {
                    margin-right: 10px;
                }

                .right-section label {
                    font-size: 14px;
                    color: #000;
                }

                .right-section a {
                    color: #0073e6;
                    text-decoration: none;
                }

                .right-section a:hover {
                    text-decoration: underline;
                }

                /* Resmin arka planı */
                .left-section {
                    background-image: url('https://www.natro.com/ResourceFiles/v1/images/global/footer-banner-nr.png');
                    background-size: contain;
                    background-repeat: no-repeat;
                    width: 350px;
                    height: 150px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

            </style>





<style media="screen">
/* Butonun başlangıçta görünmemesi için */
#backToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background-color: rgba(69, 92, 199, 0.7);;
  color: white;
  border: none;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 18px;
  transition: opacity 0.3s;
  width: 60px;
  height: 60px;
}

#backToTopBtn:hover {
  background-color: #17204b;
}

/* Masaüstü için padding-top */
body {
    padding-top: 105px; /* Masaüstünde menü yüksekliğine göre boşluk */
}

.border-footer{
	border-right: 1px solid black;
}

/* Mobil tasarım için medya sorguları */
@media (max-width: 768px) {
    body {
        padding-top: 170px; /* Mobilde menü yüksekliği kadar boşluk bırak */
    }
		.border-footer{
			border-right: 0px solid black;
		}
}

/* Sayfa kaymasını engelle, ancak menü içeriğinde kaydırmayı aç */
body.menu-open {
    overflow: hidden;
    height: 100vh;
}


/* Menü içeriğini düzgün göster ve kaydırma sağla */
body.menu-open #mobile_menu .container {
    flex-grow: 1; /* İçeriğin tüm alanı kaplamasını sağlar */
    overflow-y: auto; /* Menü içinde kaydırmaya izin verir */
}


</style>
<button id="backToTopBtn" title="Yukarı Çık">
        <i class="fa-solid fa-chevron-up"></i>
</button>


<section class="ss-menu-class ss-section ss-help" style="margin-top: 0px !important; font-family: 'Plus Jakarta Sans';">
    <div class="container">
        <div class="row justify-content-center pb-3">
            <div class="col-12 col-md-12 col-lg-12 text-center heading-section ss-animate fadeInUp ss-animated">
                <h2 class="mb-2">Yardıma ihtiyacınız mı var?</h2>
                <p>Destek verebilmek için 7/24 yanınızdayız!</p>
            </div>
        </div>
        <div class="row align-items-center" style="margin-top: 15px;">
            <div class="col-12 col-lg-12 mb-3 mb-md-4 mb-lg-0 ss-animate fadeInUp ss-animated">
                <div class="row help-support">
                    <div class="support-item col-12 col-md-12 col-lg-4 border-footer" title="Telefon ile Bize Ulaşın" href="tel:4443717">
                        <div class="support-icon">
                            <i class="ssicon-phone"></i>
                        </div>
                        <div class="support-content">
                            <div class="support-title">Bize Ulaşın</div>
                            <p style="font-size: 23px;">444 86 37</p>
                        </div>
                    </div>
                    <a
                        class="support-item col-12 col-md-12 col-lg-4 border-footer"
                        href="mailto:info@serversistemleri.com?subject=Merhaba Server Sistemleri&amp;body=Merhaba, sizinle bağlantı kurmamın nedeni..."
                        title="Mail ile Bize Ulaşın"
                        target="_blank"
                    >
                        <div class="support-icon">
                            <i class="ssicon-mail-at"></i>
                        </div>
                        <div class="support-content">
                            <div class="support-title">Destek Talebi Oluşturun</div>
                            <p style="font-size: 23px;">info@serversistemleri.com</p>
                        </div>
                    </a>
                    <a
                        href="https://wa.me/+904443717?text=Merhaba+Server+Sistemleri%2C+yard%C4%B1ma+ihtiyac%C4%B1m+var."
                        target="_blank"
                        class="support-item support-button col-12 col-md-12 col-lg-4 mt-4 mt-lg-0"
                        id="supportDiv"
                        style="display: block;"
                    >
                        <div class="support-icon">
                            <i class="ssicon-whatsapp"></i>
                        </div>
                        <div class="support-content">
                            <div class="support-title">Canlı Yardım</div>
                            <div class="online" style="display: block;">Müşteri Temsilcimiz Aktif</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-12 col-lg-12 mt-3 mt-lg-0 text-center text-lg-left">
                <div class="row justify-content-center pb-3">
                    <div class="col-md-7 text-center heading-section ss-animate fadeInUp ss-animated">
                        <p>Destek talepleriniz için her yerden bize ulaşabilirsiniz!</p>
                    </div>
                </div>
                <div class="socials ss-animate fadeInUp ss-animated">
                    <ul class="icons fsicon-color">
                        <li class="icon" style="margin: 0 auto;">
                            <a href="https://instagram.com/serversistemleri" title="Bizi Takip Edin" target="_blank"><i style="color: #e4415f;" class="fa-brands fa-instagram"></i></a>
                        </li>
                        <li class="icon" style="margin: 0 auto;">
                            <a href="https://facebook.com/serversistemleri" title="Bizi Takip Edin" target="_blank"><i style="color: #3c5997;" class="fa-brands fa-facebook"></i></a>
                        </li>
                        <li class="icon" style="margin: 0 auto;">
                            <a href="https://www.linkedin.com/company/serversistemleri" title="Bizi Takip Edin" target="_blank"><i style="color: #027bb5;" class="fa-brands fa-linkedin-in"></i></a>
                        </li>
                        <li class="icon" style="margin: 0 auto;">
                            <a href="https://twitter.com/serversistemler" title="Bizi Takip Edin" target="_blank"><i style="color: black;" class="fa-brands fa-square-x-twitter"></i></a>
                        </li>
                        <li class="icon" style="margin: 0 auto;">
                            <a href="mailto:info@serversistemleri.com?subject=Merhaba Server Sistemleri&amp;body=Merhaba, sizinle bağlantı kurmamın nedeni..." title="Mail ile Bize Ulaşın" target="_blank">
                                <i style="color: #455cc7;" class="icon-email"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
<div class="ss-menu-class">
  <footer class="ss-footer ss-bg-dark ss-section">
  	<div class="container">
  		<div class="row ss-footer-links">
  			<div class="ss-footer-widget col-6  col-lg-2 ss-animate fadeInUp ss-animated">
  				<h2 class="ss-heading-2">Domain</h2>
  				<nav class="footer-links">
  					<a class="linksjump" href="/domain-fiyat-listesi">750+ Domain Uzantıları</a>
  					<a href="/domain-sorgulama">Domain Tescili</a>
  					<a href="/whois-sorgulama">Whois Sorgulama</a>
  					<a href="/domain-transferi">Domain Transferi</a>
  				</nav>
  			</div>
  			<div class="ss-footer-widget col-6  col-lg-2 ss-animate fadeInUp ss-animated">
  				<h2 class="ss-heading-2">Hosting</h2>
  				<nav class="footer-links">
  					<a href="/bireysel-hosting">Bireysel Hosting</a>
  					<a href="/kurumsal-hosting">Kurumsal Hosting</a>
  					<a href="/bayi-hosting">Bayi Hosting</a>
  				</nav>
  			</div>
  			<div class="ss-footer-widget col-6  col-lg-2 ss-animate fadeInUp ss-animated">
  				<h2 class="ss-heading-2">Sunucu</h2>
  				<nav class="footer-links">
  					<a href="/ssd-bulut-sunucular">SSD Bulut Sunucular</a>
  					<a href="/sunucu-barindirma">Sunucu Barındırma</a>
  					<a href="/nas-barindirma">NAS Barındırma</a>
  				</nav>
  			</div>
  			<div class="ss-footer-widget col-6  col-lg-2 ss-animate fadeInUp ss-animated">
  				<h2 class="ss-heading-2">Hizmetler</h2>
  				<nav class="footer-links">
  					<a href="/kurumsal-mail">Kurumsal Mail</a>
  					<a href="/yedek">Yedekleme</a>
  					<a href="/lisanslar">Lisanslar</a>
            <a href="/ssl">SSL Sertifikaları</a>
  				</nav>
  			</div>
  			<div class="ss-footer-widget col-6  col-lg-2 ss-animate fadeInUp ss-animated">
  				<h2 class="ss-heading-2">Kurumsal</h2>
  				<nav class="footer-links">
  					<a href="/hakkimizda">Hakkımızda</a>
  					<a href="/banka-hesap-bilgileri">Banka Hesap Bilgileri</a>
            <a href="/fatura-bilgileri">Fatura Bilgileri</a>
            <a href="/kvkk">KVKK</a>
            <a href="/sozlesmeler">Tüm Sözleşmeler</a>
  					<a href="/sozlesmeler/mesafeli-satis-sozlesmesi">Mesafeli Satış Sözleşmesi</a>
            <a href="/sozlesmeler/gizlilik-sozlesmesi">Gizlilik Sözleşmesi</a>
            <a target="_blank" href="https://blog.serversistemleri.com/">Haber ve Duyurular</a>
            <a href="/iletisim">İletişim</a>
  				</nav>
  			</div>
  			<div class="footer-fullwidth col-12 col-md-12 col-lg-12 ss-animate fadeInUp ss-animated">
  				<div class="ss-footer-widget col-12 col-md-12 col-lg-12">
  					<h2 class="ss-heading-2">DNS</h2>
  					<nav class="footer-links">
  						<a class="col-6  col-lg-3" href="javascript:void(0);">unna1.serversistemleri.com</a>
  						<a class="col-6  col-lg-3" href="javascript:void(0);">unna2.serversistemleri.com</a>
  					</nav>
  				</div>
  			</div>
  		<div class="footer-fullwidth col-12 col-md-12 col-lg-12 ss-animate fadeInUp ss-animated">
  			<div class="ss-footer-widget col-12 col-md-12 col-lg-12">
  				<h2 class="ss-heading-2">UYGULAMAMIZ</h2>
  				<nav class="footer-links">
  					<a class=" col-lg-3" href="https://apps.apple.com/us/app/server-sistemleri/id1561359483" target="_blank"><img src="https://serversistemleri.com/design/images/appstore-download.png" alt="APPStore'dan alın"></a>
  					<a class=" col-lg-3" href="https://play.google.com/store/apps/details?id=com.serversistemleri&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" target="_blank"><img src="https://serversistemleri.com/design/images/playstore-download.png" alt="Google Play'den alın"></a>
  				</nav>
  			</div>
  		</div>
  		<div style="margin: 12px;" class="row ss-footer-office ss-animate fadeInUp ss-animated">
  			<a title="Server Sistemleri Bilişim San. Tic. Ltd. Şti." aria-label="Server Sistemleri Bilişim San. Tic. Ltd. Şti." href="index">
  				<img class="office-section-logo" alt="Server Sistemleri Bilişim San. Tic. Ltd. Şti." src="https://serversistemleri.com/design/images/ServerSistemleri_Fotter_Logo.svg">
  			</a>
  		</div>
  		<div class="row ss-footer-address" style="width: 100%!important; padding: 15px;">
  			<div class="col-12 col-lg-6 my-3 my-lg-0 ss-animate fadeInUp ss-animated">
  				<span>Server Sistemleri Bilişim San. Tic. Ltd. Şti.</span>
  				<p>TOSB OSB, 1. Cadde, B Blok, No:8/2 Çayırova / KOCAELİ</p>
  			</div>
  			<div class="col-12 col-lg-6 text-left text-lg-right ss-animate fadeInUp ss-animated">
  				<span>Copyright © 2013 - <script>
  						document.write(new Date().getFullYear());
  					</script> serversistemleri.com</span>
  				<p>Tüm Hakları Saklıdır<a href="" target="_blank" title="">.</a></p>
  			</div>
  			<div class="col-12 col-lg-12 text-left text-lg-center ss-animate fadeInUp ss-animated">
  				<p>Server Sistemleri | Domain | Hosting | Bulut Sunucu | SSL</p>
  			</div>
  		</div>
  	</div>
  </div>
</footer>
</div>

    <script src="<?php echo $site_url; ?>assets/js/vendors/jquery-3.7.1.min.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/vendors/jquery-ui.min.js"></script>
    <?php
    $currentPath = $_SERVER['REQUEST_URI'];
    if ($currentPath === '/hosting-kurulum') {
        echo '<script src="'.$site_url.'assets/js/hosting-kurulum.js?v=' . rand() . '" charset="utf-8"></script>';
    // Güvenlik: $_GET['page'] kontrolü düzeltildi (isset ve strpos ile)
    }elseif (isset($_GET["page"]) && strpos($_GET["page"], "uzanti") !== false && "/".strstr($_GET["page"], "uzanti") == $_SERVER['REQUEST_URI']) {
    	?>
			<script src="<?php echo $site_url; ?>assets/js/uzanti.js"></script>
			<?php
    } else {
        echo '<script src="'.$site_url.'assets/js/main.js?v=' . rand() . '" charset="utf-8"></script>';
    }
    ?>
    <script type="text/javascript" src="<?php echo $site_url; ?>design/js/BoxAlert.min.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/webstyle.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/vendors/bootstrap.bundle.min.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/vendors/swiper-bundle.min.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/vendors/simplebar.min.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/vendors/sal.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/vendors/jquery.magnific-popup.min.js"></script>
    <script src="<?php echo $site_url; ?>assets/js/app.js"></script>
		<script src="<?php echo $site_url; ?>assets/js/custom.js"></script>

</body>
</html>
