Although this is not a necessity it can be a good idea if you intend to market you website before it's finished. We do not recommend marketing any sites that are not in production, but if you are getting close to finished and you want to get a head start in your marketing it can be a good idea to create a one page site that tells your customers it is under production.

Common attributes to add in a one page site is a sign up form, an information header and links to social medias.

In the video we have made an extremely simple one page site. We recommend you include more of the attributes mentioned over. Follow the github link under advanced One page site, for a more detailed and finished product.

You can easily transfer your html document through FTP, or SSH as displayed underneath.



Advanced One page Site

See on github

If you choose to go for a more advanced version of the one page site, you can do so by forking the repository and setting up a connection to the server. Go to the Github section for more information on how to do so.

Basic One page site:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Håkon Wang Schütt" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<title>Under construction</title>

<style>
* {font-family: 'Open Sans', sans-serif; font-weight: 700; margin: 0; padding: 0;}
body {background-color: #222222; position: relative; width: 100vw; height: 100vh;}
img {width: 300px; height: auto; margin: 0 50px;}
h1 {color: #fff; margin-bottom: 10px; margin-top: 20px; display: block; text-align: center;}
span {color: #FFD500;}
div {width: 400px; height: 170px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

</style>
</head>
<body>
<div>
<img src="https://servebolt.no/wp-content/uploads/2017/07/servebolt-logo-white-768x172.png" />
<h1>UNDER <span>CONSTRUCTION</span></h1>
<span style="display: block; text-align: center; text-decoration: underline;">PLEASE VISIT US LATER!</span>
</div>
</body>
</html>
Was this article helpful?
Thank you!