Skip to content

Project Index

  • in Web

Coming Soon Template Pt2. Completed!

I've finished the extra pieces I wanted to add to this little project, including a extra block; 

1
<extra>Return to <a href="http://warmolabs.tf">warmolabs.tf</a></extra>

Also adding the positioning/sizing in the css file, including colour codes for the website links

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
 extra {
  position: absolute;
  bottom: 1%;
  text-align: left;
  margin-left: 2%;
  color: white;
  font-family: 'Oxanium';
  font-weight: 300;
  font-size: 4vw;
}

Preview

Example Here

  • in Web

Coming Soon Template

I tasked myself with making a quick coming soon message, incase a new domain is bought and nothing is connected up to it (wordpress etc)
I made it nice and simple, only using 3 files:

I've never made a "responsive" site so I used this as a test so it can work on any device and keeping the text aligned centered and in the centre of the screen. To increase speed, I also saved the font file to the same place, instead of it dowloading from google's system (This also fixed a issue of the text changing during load)

Preview

Example Here


Github Repo Link Including template download

To do...

  • Add small text block at bottom-left of the screen for extra information (email/link)