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> 
