Created
March 25, 2020 18:27
-
-
Save webmasterninjay/9a182722f5ed168dddc59b21360241ab to your computer and use it in GitHub Desktop.
Simple Coming Soon - Underconstruction Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
body, html { | |
height: 100%; | |
margin: 0; | |
} | |
.bgimg { | |
background-image: url('https://i.imgur.com/y9eluBq.jpg'); | |
height: 100%; | |
background-position: center; | |
background-size: cover; | |
position: relative; | |
color: #333; | |
font-family: "Courier New", Courier, monospace; | |
font-size: 25px; | |
} | |
.topleft { | |
position: absolute; | |
top: 0; | |
left: 16px; | |
} | |
.middle { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
text-align: center; | |
} | |
hr { | |
margin: auto; | |
width: 40%; | |
} | |
</style> | |
<title>Stephanie Lee Allensworth - Coming Soon</title> | |
<meta name="description" content="Empowering audiences of all ages to make course corrections and positive choices. Contact Stephanie to visit your organization at 323-333-5493!" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1" /> | |
<link rel="icon" href="https://i.imgur.com/j9r7z8f.png" /> | |
</head> | |
<body> | |
<div class="bgimg"> | |
<div class="topleft"> | |
<img src="https://i.imgur.com/H5uTAXI.png" width="300"/> | |
</div> | |
<div class="middle"> | |
<h1>COMING SOON</h1> | |
<hr> | |
<p>2 Hours left</p> | |
<p>Please come back again later.</p> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment