Live Code Editor Version 2.0

Hướng dẫn tạo Coming Soon Page - Giao diện 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>
</html>