Site Under Construction html code

This is code for your html “Landing Page”


<html>
<head>
<title>Under Construction</title>
</head>
<style>

@import url(‘https://fonts.googleapis.com/css?family=Permanent+Marker’);

* {
margin: 0;
}

#back_wrap {
background-image: url(https://media.giphy.com/media/xThtamPupOAGfmVZZe/giphy.gif);
background-size: cover;
width: 100%;
height: 100vh;
}

#back_wrap h1 {
position: absolute;
width: 100%;
margin: auto;
top: 45%;
color: #fff;
font-size: 350%;
text-align: center;
font-family: ‘Permanent Marker’, cursive;
}

.overlay_bloka {
width: 100%;
height: 100vh;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#80000000′, endColorstr=’#80000000′,GradientType=0 ); /* IE6-9 */
}
</style>
<body>
<div class=”overlay_bloka”>
<div id=”back_wrap”>
<h1>Site Under Construction</h1>
</div><!–back_wrap–>
</div><!–overlay_bloka–>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *