<!DOCTYPE HTML>
<HTML>
<style>
header {
background-image: url(
background-position: center;
height: 100vh;
background-size: 100% 96%;
}
.Tech {
top: 19%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
color: rgb(20, 158, 212);
text-align: center;
font-size: 17px;
}
#Release {
color: white;
font-size: 40px;
word-spacing: 10px;
}
</style>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<BODY>
<header>
<div class="Tech">
<h2>COMING SOON</h2>
<p id="Release"></p>
</div>
</header>
<script>
// Set the date of launching
let RemainingTime = new Date("Feb 17, 2022 00:00:00");
let RemainingTime = RemainingTime.getTime();
// Update the count down every second
let x = setInterval(function () {
// Get current date and time
let now = new Date().getTime();
let distance = RemainingTime - now;
// Days, hours, minutes and seconds time calculations
let days_remaining =
Math.floor(distance / (1000 * 60 * 60 * 24));
let hours_remaining =
Math.floor(days_remaining / (1000 * 60 * 60));
let x1 = distance % (1000 * 60 * 60);
let minutes = Math.floor(x1 / (1000 * 60));
let x2 = distance % (1000 * 60);
let seconds = Math.floor(x2 / 1000);
// Display the results
document.getElementById("Release").innerHTML =
days_remaining +
" : " + hours_remaining + " : " + minutes +
" : " + seconds;
// Text after count down is over
if (distance < 0) {
clearinterval(x);
document.getElementById("Release").
innerHTML = "Welcome";
}
}, 1000);
</script>
</BODY>
</HTML>