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>