Live Code Editor Version 2.0

Hướng dẫn tạo Coming Soon Page - Demo RUN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
			.container {
			    width: 80%;
			    border-radius: 5px;
			    background-color: #f2f2f2;
			    padding: 20px;
			    height: 600px;
			    margin: auto;
			}
			h2 {
				text-align: center;
			}
			.bgimg {
			    background-image: url('https://freetuts.net/upload/tut_post/images/2017/08/08/991/demo.jpg');
			    height: 80%;
			    background-position: center;
			    background-size: cover;
			    position: relative;
			    color: white;
			    font-family: "Courier New", Courier, monospace;
			    font-size: 25px;
			}

.topleft {
			    position: absolute;
			    top: 0;
			    left: 16px;
			}

.bottomleft {
			    position: absolute;
			    bottom: 0;
			    left: 16px;
			}

.middle {
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    transform: translate(-50%, -50%);
			    text-align: center;
			}

hr {
			    margin: auto;
			    width: 40%;
			}
        </style>
    </head>
    <body> 
		<div class="container">
			<h2>Freetuts.net hướng dẫn tạo Contact Form</h2>
		    <div class="bgimg">
			  	<div class="middle">
				    <h1>COMING SOON</h1>
				    <hr>
				    <p id="time"></p>
			  	</div>
			  	<div class="bottomleft">
			    	<p>Website đang bảo trì, chúng tôi sẽ trở lại vào ngày 5/11/2019</p>
			  	</div>
			</div>
		</div>
    </body>
	<script type="text/javascript">
		var countDownDate = new Date("Dec 5, 2019 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("time").innerHTML = days + "d " + hours + "h "
		  + minutes + "m " + seconds + "s ";

if (distance < 0) {
		    clearInterval(x);
		    document.getElementById("time").innerHTML = "EXPIRED";
		  }
		}, 1000);
	</script>
</html>