Skip to content

Instantly share code, notes, and snippets.

@markbain
Created May 6, 2020 13:08
Show Gist options
  • Save markbain/4b8638152b49e49ac26f6e7cca00f1d1 to your computer and use it in GitHub Desktop.
Save markbain/4b8638152b49e49ac26f6e7cca00f1d1 to your computer and use it in GitHub Desktop.
Coming soon page - Simple HTML page
<!DOCTYPE HTML>
<html>
<head>
<title>www.example.com &mdash; Coming Soon!</title>
<!-- START META TAG SECTION -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Language" content="en">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<!-- END META TAG SECTION -->
</head>
<body style="
background-image: linear-gradient(90deg, rgb(243, 156, 18) 25%, rgb(142, 68, 173) 100%);
background-image: -moz-linear-gradient(left, rgb(243, 156, 18) 25%, rgb(142, 68, 173) 100%);
background-image: -webkit-linear-gradient(left, rgb(243, 156, 18) 25%, rgb(142, 68, 173) 100%);
background-image: -o-linear-gradient(left, rgb(243, 156, 18) 25%, rgb(142, 68, 173) 100%);
background-image: -ms-linear-gradient(left, rgb(243, 156, 18) 25%, rgb(142, 68, 173) 100%);
">
<div style="
font-family: 'Open Sans', sans-serif;
color: #fff;
padding: 1em 3%;
width: 100%;
max-width: 40em;
margin: 3em auto;
text-align: center;
">
<h1 style="font-weight: 300;">Coming Soon!</h1>
<h2 style="font-weight: 300;">www.example.com</h2>
<p style="font-weight: 300;">Thanks for stopping by, but this site is being worked on right now. Please call back soon.</p>
<h3 style="font-weight: 300;">Thanks!</h3>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment