<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="Web Sayfası | Garanti Medya | GarantiMedya.com" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://garantimedya.com//deppo/image/wfavicon.png" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Bulut Sunucuları-Neden Bizi Tercih Edilmeliyiz? | Web Sayfası | Garanti Medya | GarantiMedya.com</title>
    <meta name="description" content="Veri güvenliği ve yüksek kullanılabilirlik sunarak iş sürekliliğinizi sağlarız. 7/24 teknik destek ekibimizle her zaman yanınızdayız." />
    <meta name="keywords" content="logo tasarım,web sitesi,istanbul web tasarım,web yazılım,web tasarım,web tasarim,tasarım yaoma,html örnekleri,kağıthane web ajansı,web ajansları,html örnek projeler,kurumsal web sitesi,kurumsal kimlik çalışması,web sitesi kurulum maliyeti,web sitesi kurma maliyeti,google web tasarım,localhost,medyaweb,site kurma,tasarım hizmetleri,web kodlama,web sayfası,web sitesi logo,web site yaptırma,web site ai,web tasarım dersleri,web tasarım kursu,web sitesi paketleri,eticaret paketleri" />
    <link rel="canonical" href="https://garantimedya.com//" />

    <meta property="og:title" content="Bulut Sunucuları-Neden Bizi Tercih Edilmeliyiz?" />
    <meta property="og:type" content="product" />
    <meta property="og:site_name" content="Web Tasarım & Yazılım | Garanti Medya | GarantiMedya.com" />
    <meta property="og:url" content="https://garantimedya.com//" />
    <meta property="og:image" content="https://garantimedya.com//deppo/image/bulut-sunuculari-7624163925.jpg" />
    <meta property="og:image:width" content="200" />
    <meta property="og:image:height" content="200" />
    <meta property="og:description" content="Veri güvenliği ve yüksek kullanılabilirlik sunarak iş sürekliliğinizi sağlarız. 7/24 teknik destek ekibimizle her zaman yanınızdayız." />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://garantimedya.com/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Bulut Sunucuları-Neden Bizi Tercih Edilmeliyiz?" />
    <meta name="twitter:description" content="Veri güvenliği ve yüksek kullanılabilirlik sunarak iş sürekliliğinizi sağlarız. 7/24 teknik destek ekibimizle her zaman yanınızdayız." />
    <meta name="twitter:image" content="https://garantimedya.com//deppo/image/bulut-sunuculari-7624163925.jpg" />
    <meta name="twitter:domain" content="https://garantimedya.com//" />

    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://garantimedya.com//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://garantimedya.com//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://garantimedya.com//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>





































<!--[if lt IE 9]>
    <script src="https://garantimedya.com//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://garantimedya.com//deppo/tools/js/il-ilce.js"></script>
<script src="https://garantimedya.com//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

  <!-- Fav Icon -->
  <link rel="icon" type="image/x-icon" href="deppo/image/favicon.png">

  <link rel="stylesheet" href="assets/css/all.min.css">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="assets/css/meanmenu.min.css">
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/master.css">
  <link rel="stylesheet" href="style.css">
  <!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-JMB2F8KBG9"></script>
	<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'G-JMB2F8KBG9');
	</script>
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>

<body>
  <!-- Go to Top -->
  <button class="cxu--go-top">
    <span class="icon-1"><img src="assets/imgs/shape/go-top.png" alt="Icon"></span>
    <span class="icon-2"><img src="assets/imgs/shape/go-top.png" alt="Icon"></span>
  </button>


  <!-- Preloader -->
  <div class="cxu-preloader">
    <div class="wrapper">
      <div class="lines">
        <span class="line line-1"></span>
        <span class="line line-2"></span>
        <span class="line line-3"></span>
        <span class="line line-4"></span>
        <span class="line line-5"></span>
        <span class="line line-6"></span>
        <span class="line line-7"></span>
        <span class="line line-8"></span>
        <span class="line line-9"></span>
      </div>
      <div class="text"><img src="assets/imgs/logo/logo.png" alt="Garanti Medya"></div>
    </div>
  </div>
  
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi taraf ndan art k desteklenmeyen bir Internet Explorer s r m n  kullan yorsunuz. Baz   zellikler do ru  al  mayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir taray c ya</a> ge in. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div>  <div id="smooth-wrapper">
    <div id="smooth-content">

      <!-- Header section start -->
      <header class="header__area">
        <div class="header__wrapper">
          <div class="header__logo">
            <a href="."><img src="assets/imgs/logo/logo.png" alt="Garanti Medya"></a>
          </div>
          <div class="header__menu">
            <nav class="main-menu">
              <ul>
				
				
				<li class="has-submenu">
                    <a href="?x36/insaat-iskele-parcasi-kalibi"><i class="fa-solid fa-hat-wizard"></i> Neler Yapıyoruz?</a>
					
				
				<ul class="sub-menu">
					
				 <li>
					<a href="?w/web-tasarim-hizmeti"><i class="fa-solid fa-wand-magic-sparkles"></i> Web Tasarım</a>
				 </li>
				
				
				 <li>
					<a href="?z/Web-Yazilim"><i class="fa-solid fa-code"></i> Web Yazılım</a>
				 </li>
				
				
				 <li>
					<a href="?e/E-Ticaret-Web-Sitesi"><i class="fa-solid fa-shop"></i> E-Ticaret Web Sitesi</a>
				 </li>
				
				
				 <li>
					<a href="?d607/kurumsal-kimlik-tasarim-hizmetlerimiz"><i class="fa-solid fa-people-group"></i> Kurumsal Kimlik</a>
				 </li>
				
				
				 <li>
					<a href="?x42/Grafik-tasarim-istanbul"><i class="fa-solid fa-bezier-curve"></i> Grafik Tasarım</a>
				 </li>
				
				
				 <li>
					<a href="?x43/Seo-hizmetleri-istanbul"><i class="fa-solid fa-chart-line"></i> SEO Hizmetleri</a>
				 </li>
				
				
				 <li>
					<a href="?x45/Sunucu-hizmetleri-istanbul"><i class="fa-solid fa-server"></i> Sunucu Hizmetleri</a>
				 </li>
				
				
				 <li>
					<a href="?t618/teknik-servis"><i class="fa-solid fa-bell-concierge"></i> Teknik Destek</a>
				 </li>
				
				
				</ul>
					
					</li>
					
				
				<li class="has-submenu">
                    <a href="?h593/hakkimizda"><i class="fa-solid fa-people-group"></i> Kurumsal</a>
					
					 <ul class="sub-menu">
					 
                      <li>
						<a href="?h593/hakkimizda"><i class="fa-regular fa-address-card"></i> Hakkımızda</a>
                      </li>
					  
                      <li>
						<a href="?q594/gorus-oneri-ve-sikayetleriniz"><i class="fa-solid fa-question"></i> Görüş, Öneri ve Şikayetleriniz</a>
                      </li>
					  
                    </ul>
					
					</li>
					
				
				<li class="">
                    <a href="?w/istanbul-web-tasarim-hizmeti"><i class="fa-solid fa-wand-magic-sparkles"></i> Web Tasarım</a>
					
					</li>
					
				
				<li class="">
                    <a href="?r599/Referanslar"><i class="fa-solid fa-handshake"></i> Referanslar</a>
					
					</li>
					
				
				<li class="">
                    <a href="?i585/iletisim"><i class="fa-solid fa-phone-volume"></i> İletişim</a>
					
					</li>
					
              </ul>
            </nav>
          </div>
<style>
@keyframes backgroundColorChange {
    0% {
        background-position: 0% 10%;
    }
    100% {
        background-position: 100% 100%;
    }
}

.cxu-btn-primary {
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 24px;
    background: linear-gradient(45deg, #ff7e5f, #feb47b); /* Renk geçişleri */
    background-size: 200% 200%; /* Arka plan boyutunu artırarak animasyonun düzgün görünmesini sağlar */
    animation: backgroundColorChange 10s ease infinite; /* Animasyonu uygula */
}

.button-text {
    position: absolute;
    transition: opacity 1s ease-in-out;
}

.button-text.hidden {
    opacity: 0;
}

.button-text.visible {
    opacity: 1;
}

.open__menu {
    flex-shrink: 0;
}

.open__menu img {
    width: 36px;
    height: 36px;
}

</style>

<div class="header__others">
    <a id="offerButton" class="cxu-btn-primary" href="?g619/Teklif-Alin">
        <span class="button-text countdown"><i class="fa-regular fa-face-smile"></i> Özel Teklif Alın!</span>
        <span class="button-text offer hidden"><i class="fa-regular fa-face-smile"></i> Özel Teklif Alın!</span>
    </a>
    <button class="open__menu" aria-label="Menu" title="Menu"><i class="fa-solid fa-ellipsis-vertical" style="font-size: 36px; color:#666666;"></i></button>
</div>


<script>
    const targetDate = new Date('2024-08-09T12:00:00');
    let displayCountdown = true;
    const toggleInterval = 3000; // 3 saniye
    let lastUpdateTime = new Date().getTime();

    function updateCountdown() {
        const now = new Date();
        const timeDifference = targetDate - now;

        if (timeDifference <= 0) {
            // Sayım süresi doldu, "Özel Teklif Alın!" mesajını göster ve döngüyü durdur
            document.querySelector('.button-text.countdown').style.opacity = '0';
            document.querySelector('.button-text.offer').style.opacity = '1';
            clearInterval(countdownInterval);
            return;
        }

        const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
        const hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);

        const nowTime = new Date().getTime();
        const elapsedTime = nowTime - lastUpdateTime;

        if (elapsedTime >= toggleInterval) {
            displayCountdown = !displayCountdown;
            lastUpdateTime = nowTime;
        }

        const countdownText = `${days} G, ${hours} S, ${minutes} DK, ${seconds} SN`;
        const offerButton = document.getElementById('offerButton');

        if (displayCountdown) {
            offerButton.querySelector('.button-text.countdown').innerText = countdownText;
            offerButton.querySelector('.button-text.countdown').style.opacity = '1';
            offerButton.querySelector('.button-text.offer').style.opacity = '0';
        } else {
            offerButton.querySelector('.button-text.countdown').style.opacity = '0';
            offerButton.querySelector('.button-text.offer').style.opacity = '1';
        }
    }

    // Butona tıklama olayı ekleme
    document.getElementById('offerButton').addEventListener('click', function() {
        window.location.href = '?g619/Teklif-Alin';
    });

    // İlk başta sayımı başlat
    const countdownInterval = setInterval(updateCountdown, 1000);
</script>




        </div>
      </header>
      <!-- Header section end -->


      <!-- Mobile Menu start -->
      <div class="mobile__menu">
        <button class="close__menu"><i class="fa-solid fa-xmark"></i></button>
      </div>
      <!-- Mobile Menu end -->
	
	<!-- Garanti Medya - H -->
      <section class="breadcrumb__area">
        <div class="container">
          <div class="breadcrumb__content">
            <p class="cxu-words" style="color:#fff;">Garanti Medya - <a href="#">Sunucu Hizmetleri</a></p>
          </div>
        </div>
      </section>
	<!-- Garanti Medya - H -->

      <!-- Blog Details area start -->
      <section class="blog__area-4 pt-140 pb-140">
        <div class="container">
          <div class="blog__wrapper-4">
            <div class="blog__details">
              <div class="blog__details-top">
			  
                <div class="thumb">
				
							<img src="deppo/image/bulut-sunuculari-7624163925.jpg" alt="Sunucu Hizmetleri" data-speed="0.8">
					
                </div>
				
                <ul class="meta">
                  <li><a class="cxu-btn-border" href="#">Sunucu Hizmetleri</a></li>
                </ul>

                <h1 class="title">Bulut Sunucuları</h1>
              </div>

              <article class="blog__details-content cxu-fade" data-ease="back">
                <p><p><strong>Garanti Medya,</strong> işletmelerin dijital altyapılarını g&uuml;&ccedil;lendirmek ve verimliliği artırmak i&ccedil;in g&uuml;venilir ve esnek bulut sunucuları hizmetleri sunar. Bulut sunucuları, işletmelerin ihtiya&ccedil; duyduğu kaynakları istedikleri zaman &ouml;l&ccedil;eklendirmelerine, maliyetleri azaltmalarına ve iş s&uuml;re&ccedil;lerini optimize etmelerine olanak tanır.<br />
&nbsp;</p>

<ul>
	<li>
	<p><strong>Esnek &Ouml;l&ccedil;ekleme:</strong> Bulut sunucuları, işletmelerin ihtiya&ccedil;larına g&ouml;re kaynakları esnek bir şekilde &ouml;l&ccedil;eklendirebilmesini sağlar. İş y&uuml;k&uuml; arttık&ccedil;a veya azaldık&ccedil;a, kaynakları hızlı ve kolay bir şekilde ayarlayabilirsiniz. Bu, işletmenizin değişen gereksinimlerine uyum sağlamanıza olanak tanır ve gereksiz kaynak maliyetlerini &ouml;nler.</p>
	</li>
	<li>
	<p><strong>Y&uuml;ksek G&uuml;venlik:</strong> Bulut sunucuları, en son g&uuml;venlik teknolojileri ve protokolleri ile korunur. Verileriniz g&uuml;venli bir şekilde şifrelenir ve g&uuml;venlik duvarları ve diğer g&uuml;venlik &ouml;nlemleriyle korunur. Ayrıca, d&uuml;zenli g&uuml;venlik g&uuml;ncellemeleri ve izleme işlemleri ile veri g&uuml;venliğiniz s&uuml;rekli olarak sağlanır.</p>
	</li>
	<li>
	<p><strong>Yedekleme ve Kurtarma:</strong> Bulut sunucuları, otomatik yedekleme ve kurtarma &ouml;zelliklerine sahiptir. Verileriniz d&uuml;zenli aralıklarla yedeklenir ve felaket durumlarına karşı hazır bir kurtarma planı oluşturulur. Bu, veri kaybını &ouml;nler ve iş s&uuml;rekliliğinizi sağlar.</p>
	</li>
	<li>
	<p><strong>Uptime Garantisi:</strong> Bulut sunucuları, y&uuml;ksek kullanılabilirlik ve s&uuml;rekli &ccedil;alışma garantisi sunar. %99,9 işlem g&uuml;vencesi ile m&uuml;şterilerinizin web siteleri ve uygulamaları her zaman &ccedil;evrimi&ccedil;i olur ve kullanılabilir kalır.</p>
	</li>
	<li>
	<p><strong>Maliyet Etkinliği:</strong> Bulut sunucuları, geleneksel fiziksel sunuculara g&ouml;re daha ekonomiktir. Kaynakları yalnızca kullandığınız i&ccedil;in gereksiz donanım maliyetlerinden ka&ccedil;ınırsınız. Ayrıca, y&ouml;netim ve bakım maliyetlerini azaltarak toplam sahip olma maliyetlerinizi d&uuml;ş&uuml;r&uuml;rs&uuml;n&uuml;z.</p>
	</li>
</ul>
</p>
                <div class="quote">
                  <img src="assets/imgs/shape/quote.png" alt="Icon">
                  <blockquote><h5>Teknik Jargondan Arındırılmış Hizmet</h5><br>
- Bulut sunucuları hakkında çok fazla teknik terim duymuş olabilirsiniz, ancak endişelenmeyin! Size uygun çözümleri anlaşılır bir şekilde sunmak için buradayız. Teknik jargonla dolu değiliz, samimi bir şekilde anlaşılır bir dil kullanıyoruz.

<h5>Müşteri Memnuniyeti Garantisi</h5><br>
- Müşterilerimizin mutluluğu ve memnuniyeti bizim için her şeyden önemlidir. İşletmenizin ihtiyaçlarını anlamak ve gereksinimlerinizi karşılamak için elimizden geleni yapacağız. Siz memnun olduğunuz sürece, biz de mutlu olacağız!</blockquote>
                </div>
                <h2>Bulut Sunucuları-Neden Bizi Tercih Edilmeliyiz?</h2>
                <p>Veri güvenliği ve yüksek kullanılabilirlik sunarak iş sürekliliğinizi sağlarız. 7/24 teknik destek ekibimizle her zaman yanınızdayız.</p>
				<p>
				
				</p>
              </article>


            </div>

            <div class="blog__sidebar">
              <div class="widget__recent cxu-fade" data-ease="back">
                <h2 class="widget__title">Diğer</h2>
                <div class="cxu--posts style-5">
				
				
                  <article class="cxu-post">
                    <div class="thumb">
                      <a href=""><img src="deppo/image/sosyal-medya-5624134947.jpg" alt="Sosyal Medya"></a>
                    </div>
                    <div class="content">
                      <h3 class="title"><a href="">Sosyal Medya</a></h3>
                      <ul class="meta">
                      </ul>
                    </div>
                  </article>
				
                  <article class="cxu-post">
                    <div class="thumb">
                      <a href=""><img src="deppo/image/web-sitesi-yeniden-tasarimi-3624163927.jpg" alt="Web Sitesi Yeniden Tasarımı"></a>
                    </div>
                    <div class="content">
                      <h3 class="title"><a href="">Web Sitesi Yeniden Tasarımı</a></h3>
                      <ul class="meta">
                      </ul>
                    </div>
                  </article>
				
                  <article class="cxu-post">
                    <div class="thumb">
                      <a href=""><img src="deppo/image/ux-ui-tasarimi-30524163825.jpg" alt="UX/UI Tasarımı"></a>
                    </div>
                    <div class="content">
                      <h3 class="title"><a href="">UX/UI Tasarımı</a></h3>
                      <ul class="meta">
                      </ul>
                    </div>
                  </article>
				
                  <article class="cxu-post">
                    <div class="thumb">
                      <a href=""><img src="deppo/image/web-sitesi-tasarimi-28524154942.jpg" alt="Web Sitesi Tasarımı"></a>
                    </div>
                    <div class="content">
                      <h3 class="title"><a href="">Web Sitesi Tasarımı</a></h3>
                      <ul class="meta">
                      </ul>
                    </div>
                  </article>
				
                  
                </div>
              </div>

              <div class="widget__category cxu-fade" data-ease="back">
                <h2 class="widget__title">Ürünler ve Hizmetler</h2>
                <ul>
				
				

        <li><a href="?w/web-tasarim-hizmeti">Web Tasarım</a></li>
        
        <li><a href="?z/Web-Yazilim">Web Yazılım</a></li>
        
        <li><a href="?e/E-Ticaret-Web-Sitesi">E-Ticaret Web Sitesi</a></li>
        
        <li><a href="?d607/kurumsal-kimlik-tasarim-hizmetlerimiz">Kurumsal Kimlik</a></li>
        
        <li><a href="?x42/Grafik-tasarim-istanbul">Grafik Tasarım</a></li>
        
        <li><a href="?x43/Seo-hizmetleri-istanbul">SEO Hizmetleri</a></li>
        
        <li><a href="?x45/Sunucu-hizmetleri-istanbul">Sunucu Hizmetleri</a></li>
        
        <li><a href="?t618/teknik-servis">Teknik Destek</a></li>
        
                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Blog area end --><script>
class LandbotWhatsAppBtn {
  constructor({ dialcode, phone, text }) {
    this.dialcode = dialcode;
    this.phone = phone;
    this.text = text;
  }

  renderButton() {
    let fontAwesome = document.createElement("script");
    fontAwesome.setAttribute(
      "src",
      "https://kit.fontawesome.com/2640aa91b4.js"
    );
    document.body.appendChild(fontAwesome);

    let roboto = document.createElement("link");
    roboto.setAttribute(
      "href",
      "https://fonts.googleapis.com/css?family=Roboto&display=swap"
    );
    roboto.setAttribute("rel", "stylesheet");
    document.body.appendChild(roboto);

    let styles = document.createElement("link");
    styles.setAttribute(
      "href",
      "assets/css/wpbw.css"
    );
    styles.setAttribute("rel", "stylesheet");
    styles.setAttribute("type", "text/css");
    document.body.appendChild(styles);

    let root = document.createElement("div");
    root.className = "WhatsAppButton__root";
    root.setAttribute("style", "position: fixed; bottom: 10px; left: 20px; top: 90%;");
    document.body.appendChild(root);

    let button_root = document.createElement("a");
    button_root.setAttribute(
      "href",
      `https://api.whatsapp.com/send?phone=${this.dialcode}${this.phone}&text=${this.text}`
    );
    button_root.setAttribute("style", "text-decoration: none");
    button_root.setAttribute("target", "_blank");
    root.appendChild(button_root);

    let button = document.createElement("button");
    button.setAttribute("class", "landbot-whatsapp__button");
	button.setAttribute("aria-label", "WhatsApp");
	button.setAttribute("title", "WhatsApp");
    button_root.appendChild(button);

    let whatsappIcon = document.createElement("i");
    whatsappIcon.setAttribute("class", "fab fa-whatsapp");
    whatsappIcon.setAttribute("style", "font-size: 34px;");
    button.appendChild(whatsappIcon);

    let button_text = document.createElement("p");
    button_text.setAttribute("style", "margin: 0");
    button_text.innerText = "";
    button.appendChild(button_text);

  }
}
var whatsAppBtn = new LandbotWhatsAppBtn({
  dialcode: "+90",
  phone: "5333121063",
  text: "Merhaba,"
});
whatsAppBtn.renderButton();
</script>
<script>
class LandbotCallBtn {
  constructor({ phone }) {
    this.phone = phone;
  }

  renderButton() {
    let fontAwesome = document.createElement("script");
    fontAwesome.setAttribute(
      "src",
      "https://kit.fontawesome.com/2640aa91b4.js"
    );
    document.body.appendChild(fontAwesome);

    let roboto = document.createElement("link");
    roboto.setAttribute(
      "href",
      "https://fonts.googleapis.com/css?family=Roboto&display=swap"
    );
    roboto.setAttribute("rel", "stylesheet");
    document.body.appendChild(roboto);

    let styles = document.createElement("link");
    styles.setAttribute(
      "href",
      "assets/css/gmara.css"
    );
    styles.setAttribute("rel", "stylesheet");
    styles.setAttribute("type", "text/css");
    document.body.appendChild(styles);

    let root = document.createElement("div");
    root.className = "CallButton__root";
    root.setAttribute("style", "position: fixed; bottom: 10px; left: 80px; top: 90%;");
    document.body.appendChild(root);

    let button_root = document.createElement("a");
    button_root.setAttribute(
      "href",
      `tel:${this.phone}`
    );
    button_root.setAttribute("style", "text-decoration: none");
    button_root.setAttribute("target", "_self");
    root.appendChild(button_root);

    let button = document.createElement("button");
    button.setAttribute("class", "landbot-call__button");
	button.setAttribute("aria-label", "Bizi Ara");
	button.setAttribute("title", "Bizi Ara");
    button_root.appendChild(button);

    let callIcon = document.createElement("i");
    callIcon.setAttribute("class", "fas fa-phone-alt");
    callIcon.setAttribute("style", "font-size: 22px;");
    button.appendChild(callIcon);

    let button_text = document.createElement("p");
    button_text.setAttribute("style", "margin: 0");
    button_text.innerText = "";
    button.appendChild(button_text);
  }
}

var callBtn = new LandbotCallBtn({
  phone: "+902123472007"
});
callBtn.renderButton();
</script>

<!-- Footer section start -->
      <footer class="footer__area">
        <div class="footer__top-wrapper">
          <div class="container">
            <div class="footer__top">
              <div class="footer__logo">
                <img src="assets/imgs/logo/footer-garanti.png" alt="Garanti Medya">
				<hr>
				<p>Bir Dijital Teknoloji Yenilik Şirketidir. Dijital Teknoloji Endüstrisindeki Yenilikleri Tasarlamaya Odaklanıyoruz Ve Ortaya Çıkan Fikirleri Dijital Endüstrisi İleriye Taşıyacak Uygun Ürünlere Dönüştürüyoruz.</p>
				<hr>
				<p>Copyright © 2007-2024 <i class="fa-solid fa-code" style="color:#ff9a02;"></i> Garanti Medya<br>Tüm Hakları Saklıdır.</p>
              </div>
              <div class="footer__widget">
                <h3 class="footer__title">Sunucu Hizmetleri</h3>
                <ul class="footer__menu">
                  <li><a href="?d617/verilerinizi-guvende-tutmak-bizim-isimiz">Veritabanı Sunucusu</a></li>
				  <li><a href="?d616/neden-garanti-medya-bulut-sunucularini-tercih-etmelisiniz">Bulut Sunucuları</a></li>
				  <li><a href="?d615/veri-odakli-basariya-ulasmak!">Veri Depolama ve Yedekleme</a></li>
				  <li><a href="?d614/ozel-alan-adi-ile-kisisellestirilmis-e-posta-adresleri">E-posta Hosting</a></li>
				  <li><a href="?d613/guvenilir-hizli-ve-guvenli-web-hosting-cozumleri">Web Hosting</a></li>
                </ul>
              </div>
              <div class="footer__widget">
                <h3 class="footer__title">Web Tasarım</h3>
                <ul class="footer__menu">
					<li><a href="#">Sosyal Medya</a></li>
					<li><a href="#">Web Sitesi Yeniden Tasarımı</a></li>
					<li><a href="#">UX/UI Tasarımı</a></li>
					<li><a href="#">Web Sitesi Tasarımı</a></li>
					<li><a href="#">Organik SEO</a></li>
                </ul>
              </div>
              <div class="footer__widget">
                <h3 class="footer__title">Grafik Tasarım</h3>
                <ul class="footer__menu">
					<li><a href="?d606/ozel-logo-tasarim-hizmetlerimiz">Logo Tasarımı</a></li>
					<li><a href="?d607/kurumsal-kimlik-tasarim-hizmetlerimiz">Kurumsal Kimlik Tasarımı</a></li>
					<li><a href="?d609/brosur-tasarimi-hizmetlerimiz">Broşür Tasarımı</a></li>
					<li><a href="?d610/el-ilani-tasarimi-hizmetlerimiz">El İlanı Tasarımı</a></li>
					<li><a href="?d612/fotograf-duzenleme-hizmetlerimiz">Fotoğraf Düzenlemeleri</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="footer__btm-wrapper">
          <div class="container">
            <div class="footer__btm">
			
			  <div class="footer__contact">
                <h4 class="title">Telefon & Teknik Destek</h4>
                <a href="tel:+902123472007">+90 (212) 347 20 07</a>
              </div>
			  
              <div class="footer__contact">
                <h4 class="title">Mail</h4>
                <a href="mailto:info@garantimedya.com.tr">info@garantimedya.com.tr </a>
              </div>
              
              <div class="footer__contact">
                <h4 class="title">Adres</h4>
                <a>Yeşilce Mah. Seçilmiş Sokak No:36 Kağıthane / İSTANBUL</a>
              </div>
			  
              <div class="footer__social-wrapper">
                <ul class="footer__social">
                  <li><a href="#" target="_blank"><i
                        class="fa-brands fa-facebook-f"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
                  </li>
                  <li><a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- Footer section end -->


    </div>
  </div>



  <script src="assets/js/jquery-3.6.1.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/swiper-bundle.min.js"></script>
  <script src="assets/js/jquery.meanmenu.min.js"></script>
  <script src="assets/js/counter.js"></script>
  <script src="assets/js/gsap.min.js"></script>
  <script src="assets/js/ScrollSmoother.min.js"></script>
  <script src="assets/js/ScrollTrigger.min.js"></script>
  <script src="assets/js/SplitText.min.js"></script>
  <script src="assets/js/MotionPathPlugin.min.js"></script>
  <script src="assets/js/DrawSVGPlugin.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/main.js"></script>
</body>

</html>