HTML5 Coming Soon Template

This HTML5 + CSS3 “Coming Soon” template was created to serve as a placeholder web page that you can use whilst a clients or your own website is in progress. It gives you the functionality to update the template with your progress so far on the project, and count down to the launch day. It uses a beautiful progress bar and status indicator to convey progress information to users who visit your site before it’s ready.

This template uses HTML5 and CSS3 for gracefully degrading styles. Cross-browser tested in IE7/8/9, FF, Chrome, and Opera. All coding is elegant and simple, making design changes and customizations easy to do!

Here’s a live version of this template to get a better feel for the actual design and code: Live Preview →

Premium Members

As always, our premium members will get the extra bonus of Photoshop source files for easy customisation of the design.

License, Usage, and Sharing

You are free to use this resource for personal or commercial projects with attribution to MediaLoot, under the following guidelines:

Please link directly to this page for all sharing of this resource.
Please do not resell this set or any derivatives works from this set.
Please do not upload this resource to another website or offer it for download on another website.

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.

Comments

Graham

May 4, 2011 at 1:20 pm

Fantastic work as always guys! I also love the colours - works really well.
Abdol

May 4, 2011 at 1:38 pm

One of the greatest coming soon pages.
SQL demon

May 4, 2011 at 2:35 pm

was looking for something like this..
Keep up the good work Media Loot
Nikunj

May 4, 2011 at 2:44 pm

This supercool, template, would used it for sure. Thanks
Kaleb Web

May 4, 2011 at 3:26 pm

VERY NICE!! Fantastic work!
Ben

May 5, 2011 at 1:30 am

Hi, great design and code. Just one question, what font do you use for the handwrite and arrow? thanx
Tony Thomas

May 5, 2011 at 9:58 am

Thanks for all the comments, glad you like it!

@Ben:
The font used for the handwritten bit is Hand of Sean .
cgvector

May 5, 2011 at 11:35 am

Great work thanks for sharing source
dat

May 5, 2011 at 5:26 pm

Is the subscribe button working? How do I see the email list?
Tony Thomas

May 5, 2011 at 5:31 pm

@dat:

The subscribe field and button are just a template for you to link up to your own mailing list, you can find lots of really simple resources on the web for mailing lists though
guru sridhar

May 10, 2011 at 1:35 pm

awesome alignment ....Great work
Mj Link

May 11, 2011 at 5:34 am

Do HTML 5 have same issues while checking page preview in Mozilla firefox and Internet Explorer. I am still working hard to made my page better on all browsers.
Tony Thomas

May 11, 2011 at 9:07 am

@Mj Link:

Browser compatibility is a big problem that I think all web designers face, HTML5 is promising to create a standard that all modern browsers will fully support in the future, but at the moment a lot of it’s features are unsupported, especially in Internet Explorer (some people are still using really old versions such as IE6).

In short: only time will solve compatibility issues unfortunately, we have to wait until almost everybody is using modern browsers, and use workarounds in the mean time.

Using HTML5 today is preparing for the future

Hope that helps
-Tony
Jean-Francois Im

May 13, 2011 at 6:11 am

Great template, we’re using it on http://www.productivity3.com/

In fact, it’s so great that we signed up for your service!
dirk

May 13, 2011 at 11:44 pm

I apologize in advance for the really newbie question but how does one convert this for xml use on blogger? Stup blogger only accepts xml templates :(
Susan

May 27, 2011 at 8:09 am

This looks great Tony.

Jean=Froincois did a super job on what you provided. I like the hidden email factor. Can’t tell yet if that’s from you or Jean-Froicois.

Just found your site and it looks great. You’re working hard on it too - Thank you!
Dustin Montgomery

Jun 2, 2011 at 4:14 pm

Great stuff, glad to see some HTML5 and CSS3 design!
Preetham

Jun 30, 2011 at 2:55 am

It’s being used at http://www.kliquenow.com
Preetham

Jun 30, 2011 at 2:56 am

Here is the link : http://www.kliquenow.com
Martin

Jul 7, 2011 at 11:23 pm

Stup blogger only accepts xml templates
inbox repair tool

Jul 28, 2011 at 5:03 pm

HTML5 is going to change things up in terms of internet browsing. The current standard, HTML4, is over a decade old. HTML5 will allow websites to implement multimedia and social media in ways that HTML4 was either very slow at doing or couldn’t do at all. HTML5 will also close many of the security loopholes that have been discovered over the years, thus making the internet a much safer place. Hopefully this will help reduce the amount of malware that can destroy photos, videos, Outlook inbox and messages, applications, and other computer files. HTML5 may even help protect personal data. We can expect it to become standard for many major websites by the end of 2011.
Joyce Joneschiet

Aug 13, 2011 at 5:42 pm

Very cool template! I just downloaded it but I’m not sure how to install it in my WP blog. I’m currently working on a new magazine site & don’t want everyone to see all the empty pages! Can you help? thanks!
Reji

Oct 14, 2011 at 12:26 am

Looks very cool…even the implented sites perfect…

Can i have the download link for this template as i dont see it here ?
Prodyot

Jan 7, 2012 at 6:27 pm

Cool design.
Will come handy all the time.
How I wish my works were actually 87% ready
Thanks for the loot offer
wasmitschmidt

Jun 16, 2012 at 4:11 pm

Cool design!
What font have you used for “YourLogo”?
MoonMan

Jul 25, 2012 at 9:34 am

I really like this template. Well done.
It would be fantastic for us newbies if you could add an ajax mail function for the submit button.
Davood Arsooni

Aug 24, 2012 at 4:39 pm

Good Idea!
I Use this theme in Persian News site:http://www.asreshomal.com/
Jay Soriano

Sep 25, 2012 at 3:10 pm

Thanks guys, one of my favorite downloads so far.. this shouldn’t be free!

PS. If anyone needs help getting emails to their coming soon page, I wrote a blog post that helped me get to about 1500:

http://jaysoriano.com/coming-soon-page/
amit

Oct 12, 2012 at 8:11 pm

Hi,

i am trying to install this theme, it says template is missing can anyone help me pleas e
Miftah Teguh Fh

Nov 12, 2012 at 12:41 am

yaaay finally i used it here http://www.grupelektro.com tq

but i’m noob here how to configure a subscribe button ?
thanks
Miftah Teguh Fh

Nov 12, 2012 at 12:42 am

i mean here http://www.grupelektro.com
Great Works!

Nov 23, 2012 at 2:54 pm

how would I use this on my WP- Website?
Karl

Dec 18, 2012 at 9:56 am

Is it possible to create a script so that email subscriptions are added to a google spreadsheet? Lovely design otherwise, I’m using it here: http://blitzr.me/
Claire

Mar 14, 2013 at 8:30 am

There is no PSD file inside this template archive. How and where to get the .psd?
ifoel

May 6, 2013 at 2:55 pm

mantaaabs…..............greeeat….
Zico

May 10, 2013 at 2:32 pm

How to install this on my website ? :/
need some help
Rwothomio

May 20, 2013 at 11:41 am

You guys have really made our work easier.

Thanks so much:)