Merhabalar, web siteniz'de basitçe kullanabileceğiniz bu bakım sayfası'nın tarihi kodlar'dan değişebilmektedir. Dilediğiniz tarihi seçin, o tarih dolunca metin değişecektir.
Lütfen konu amacının haricinde yorum yapmayın. Harici mesajlarınızı iletebilirsiniz 





<!-- Bakım modu sayfası - shentaweb /-->
<html>
<head>
  <title>Bakım Modu</title>
</head>
<body>
  <div class="arkabolum">
    <h1>Bakım modu aktif!</h1>
    <p>Web sitemiz şuan bakım modundadır. Anlayışınız için teşekkürler</p>
    <div id="countdown">Hesaplanıyor..</div>
    <p>www.shentaweb.com</p>
  </div>
  <script>
    // Tarih ayarlarını buradan yapınız
    var countDownDate = new Date("Jul 5, 2022 15:37:25").getTime();


    var x = setInterval(function() {

      var now = new Date().getTime();

      var distance = countDownDate - now;


      var days = Math.floor(distance / (1000 * 60 * 60 * 24));
      var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
      var seconds = Math.floor((distance % (1000 * 60)) / 1000);

      document.getElementById("countdown").innerHTML = days + " Gün " + hours + " Saat "
      + minutes + " Dk. " + seconds + " Sn. Kaldı ";


      if (distance < 0) {
        clearInterval(x);
        document.getElementById("countdown").innerHTML = "Geri sayım sona erdi";
      }
    }, 1000);
  </script>

  <style>
body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  animation: color-transition 10s linear infinite;
  font-family: sans-serif;
  text-align: center;
}

#countdown {
  font-size: 1.2em;
  font-weight: 600;
  color: #333;
}

@keyframes color-transition {
  0% {
    background: pink;
  }
  25% {
    background: lightblue;
  }
  50% {
    background: lightgreen;
  }
  75% {
    background: yellow;
  }
  100% {
    background: pink;
  }
}

  .arkabolum
    {
  background: white;
  padding: 25px 50px;
  border-radius: 20px;
  font-family: quicksand;
  height: 250px;


    }
  </style>

</body>
</html>