Life's easy with Medialoot.

Unlimited access for only $14/mo.

HTML5 Coming Soon Template

preview of a coded coming soon html5 template
preview of a coded coming soon html5 template
preview of a coded coming soon html5 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.

More from User Interface » Web

Comments

  • Reply »
    Graham

    Graham

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

    May 4, 2011 at 1:20 pm
  • Reply »
    Abdol

    Abdol

    One of the greatest coming soon pages.

    May 4, 2011 at 1:38 pm
  • Reply »
    SQL demon

    SQL demon

    was looking for something like this..
    Keep up the good work Media Loot ;-)

    May 4, 2011 at 2:35 pm
  • Reply »
    Nikunj

    Nikunj

    This supercool, template, would used it for sure. Thanks :)

    May 4, 2011 at 2:44 pm
  • Reply »
    Kaleb Web

    Kaleb Web

    VERY NICE!! Fantastic work!

    May 4, 2011 at 3:26 pm
  • Reply »
    Ben

    Ben

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

    May 5, 2011 at 1:30 am
  • Reply »
    Tony Thomas

    Tony Thomas

    Thanks for all the comments, glad you like it!

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

    May 5, 2011 at 9:58 am
  • Reply »
    cgvector

    cgvector

    Great work thanks for sharing source

    May 5, 2011 at 11:35 am
  • Reply »
    dat

    dat

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

    May 5, 2011 at 5:26 pm
  • Reply »
    Tony Thomas

    Tony Thomas

    @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

    May 5, 2011 at 5:31 pm
  • Reply »
    guru sridhar

    guru sridhar

    awesome alignment ....Great work

    May 10, 2011 at 1:35 pm
  • Reply »
    Mj Link

    Mj Link

    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.

    May 11, 2011 at 5:34 am
  • Reply »
    Tony Thomas

    Tony Thomas

    @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

    May 11, 2011 at 9:07 am
  • Reply »
    Jean-Francois Im

    Jean-Francois Im

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

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

    May 13, 2011 at 6:11 am
  • Reply »
    dirk

    dirk

    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 :(

    May 13, 2011 at 11:44 pm
  • Reply »
    Susan

    Susan

    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!

    May 27, 2011 at 8:09 am
  • Reply »
    Dustin Montgomery

    Dustin Montgomery

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

    Jun 2, 2011 at 4:14 pm
  • Reply »
    Martin

    Martin

    Stup blogger only accepts xml templates

    Jul 7, 2011 at 11:23 pm
  • Reply »
    Joyce Joneschiet

    Joyce Joneschiet

    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!

    Aug 13, 2011 at 5:42 pm
  • Reply »
    Reji

    Reji

    Looks very cool…even the implented sites perfect…

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

    Oct 14, 2011 at 12:26 am

 1 2 3 > 

Leave a comment

Tag Cloud

Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource

FAQ

Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all