Flemish Board–HTML5 Product Page+Mobile Version

“Flemish Board” is built in two versions: for desktops/tablets and mobiles. It can serve as product page/landing page/any introductory page.

In order to see mobile (lighter version) you will need to enter it from your mobile, otherwise you will see large desktop (and adapted for tablets) full version.

I was asked in comments what for one can use this template. I had in mind standalone page (unrelated or related–depends on you–to your main website (clicking company logo may redirect to main website if it exists)) presenting a product which can be anything: umbrella, shoes, tutorial, new CD release, any service and similar things. I took as example iPhone application but you can convert it in anything that suits your purposes at best.

Downloadable folder includes:

  • 5 html files
  • 5 css files
  • 9 js files
  • PSD files (layout base)
  • PDF help file

Special Features:

  • Top slider underneath the image
  • CSS3 transitions (price badge, anchors, social links)
  • Modal windows with local scroll (for desktops)
  • Horizontal slider (for desktops)
  • Draggable videos (for desktops)
  • Working Contact and Subscribe forms based on Google Docs

Code: well-commented, 100% valid HTML5 markup.

Things to note:
  • Contact form is Google Docs based. Test the demo
  • Template is tested in: latest major browsers on Mac and Windows + IE8 + iPhone 4S
  • Wordpress version is not (will not be) available
  • Minimum screen resolution for this template is 1024px x 800px
  • Do not expect IE to work as well as Safari and Chrome do

For extra articles about customisation of template please visit my blog

Thank you!

by
by
by
by
by
by