sample

SliderLaunch is a 1-column HTML5 and CSS3 template that makes heavy use of a jquery content slider. Essentially, this is a one page site that uses horizontally sliding content panels to present different “pages” of content to the visitor. Be sure to click on the top navigation tabs in the demo to see it in action. This template is perfect as a replacement for the old “long sales page”. If you plan to launch a product, this template would work well. Each content panel can contain whatever html you’d normally use for your pages, so it’s as flexible as separate pages would be. It uses the excellent Coda Slider jquery plugin, so there are many parameters you can change to suit your needs. You can learn more about how to make those changes here.


View Demo Download Here

Users also like these two pro HTML5 templates (click large image thumbnails below to view):


HTML5 & CSS3 For The Real World The Principles of Beautiful Web Design Smashing WordPress: Beyond the Blog Graphic River

If you appreciate this template, or any of the other free templates I create and would like to encourage me to continue to do so, then a small donation would be very much appreciated. Just enough for a cup of coffee, maybe? If so, just click the Donate button below. Thanks for considering it.

About The Author

HTML5fan

User Responses

5 Responses and Counting...

  • Pam

    06.17.2010

    Very nice :)

  • This is so AWSME!!! i think ill upgrade my website with this ideas about sliding!! THANKS! :)

  • GREAT template! but I do have one question how do you add a tab; as in another page?

  • Just copy any of the blocks of code for the other tabs (div class=”panel” block), and create a new block just like it on the page. Each panel div makes up one tab, and all panel divs exist on the same page of code.

  • I’ve got it all working right now, but is it also possible to add a nex and previous arrow on the left and right outside the main wrapper? People could also use that to navigate between content then.

Leave a Reply

gravatar

* Name, Email, and Comment are Required