Simple Coming Soon template [HTML, CSS, JS]

Messages
356
Likes
114
#1

Simple Coming Soon Template
I decided to try something new for myself and try a coming soon page.

This is a simple coming soon template that you can be used for your website that is being developed/created. The template can also be easily changed to something similar like "We'll be back up soon" and be used for a maintenance page. Simple and easy to change to your preferred opening date so your website viewers know when exactly you will be up.

Features:
  • Images - [Social icons, background]
  • Easy to edit coding [Html & CSS]
  • LIVE countdown script to let your viewers know roughly when you will be open
Screenshot(s):


[ To view this link you must register here. ]
[ To view this link you must register here. ]
[ To view this link you must register here. ]
 
Last edited:

Sysode

Front-End Developer
Messages
1,590
Likes
850
#3
Overall: fairly nice, nice font (I use it a lot myself, especially with that weight for titles).

However, you've used it everywhere. I normally only tend to use the weight 100 for titles as it's more effective. Maybe just play around with different font weights/font family's for the body text. Also, not a big fan of the green shadow in input hover/focus, it just feels a little odd. Finally, the submit button isn't the same the size as the input field (height wise) is this supposed to happen?

On the whole though, it's nice, clean and minimal - nice work bro.
 
Messages
356
Likes
114
#4
Overall: fairly nice, nice font (I use it a lot myself, especially with that weight for titles).

However, you've used it everywhere. I normally only tend to use the weight 100 for titles as it's more effective. Maybe just play around with different font weights/font family's for the body text. Also, not a big fan of the green shadow in input hover/focus, it just feels a little odd. Finally, the submit button isn't the same the size as the input field (height wise) is this supposed to happen?

On the whole though, it's nice, clean and minimal - nice work bro.
Once I uploaded I noticed the input and submit styling myself. I'll go and fix it right now :)
And yes, I agree with you about the font.
Thanks though :)

Edit: Fixed up the button, made it look better. I also took your suggestion about the fonts and changed "Subscribe to our newsletter and get updates about our opening!" into a different font weight, which looks a bit better to me.
 
Last edited:

Shatter

Selling Dedicated Servers
Messages
536
Likes
144
#7
Apart from a few negative comments above, I think it's absolutely wonderful. Great release! Cannot wait to see more.
 
Messages
356
Likes
114
#9
Fair enough. Are you planning on releasing more website templates soon?
If you look at my portfolio or downloads by going to [ To view this link you must register here. ] , i've done a few things in the past. So yes, of course i'll be working on more templates and releasing them.
 

Markshall

Русский Стандарт
Contributor
Messages
2,463
Likes
2,311
#11
Everything is far too close together, and with the fonts varying in weights it's hard to focus on one thing at a time. Space things out, other than that, it's decent.
 
Messages
356
Likes
114
#15
How do you edit the times? :$
Just find the line: <span id="countdown1">2014-03-1 00:00:00 GMT+00:00</span><Br>
and change the date, time so for example

Christmas:
<span id="countdown1">2014-12-25 00:00:00 GMT+00:00</span><Br>
 

Kontrol

Graphics Artist - Kontrol!
Messages
214
Likes
28
#16
Just find the line: <span id="countdown1">2014-03-1 00:00:00 GMT+00:00</span><Br>
and change the date, time so for example

Christmas:
<span id="countdown1">2014-12-25 00:00:00 GMT+00:00</span><Br>
I did earlier and it did nothing, I'll try again though!

EDIT;
Got it thanks, I'll use this to count down when my website/portfolio will open!
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top