<!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
>