“Spark” is a fully responsive HTML5 template that makes use of the newest features available today using progressive enhancement, and assures enterprise-level compatibility with older browsers through graceful degradation.
The layout is based on the 960 Grid System through Skeleton, it is very easy to use and adapt to your needs. Clear documentation is provided with simple examples.
Live Previews:
Contrasted: http://www.maddim.com/demos/spark/
Only black: http://www.maddim.com/demos/spark/black.html
Only white: http://www.maddim.com/demos/spark/white.html
The concept of this one-page website template is to provide a great experience going from one virtual-page to another, while keeping all the benefits of separate pages (accessibility, browser history, bookmarkable URLs, SEO , etc.).
The other great implementation of this design is the flexible layout. With one website you actually get 3-4 adaptations for different screen resolutions and devices. Go ahead and resize your browser while looking at the demo!
The elements used for building this template were specifically chosen to achieve the same goal. For example, the slider used is FlexSlider, which not only is compatible with flexible layouts (note that the NivoSlider isn’t yet), but also provides CSS3 transitions and hardware-accelerated touch swipe support with simple javascript fallback for old browsers.
Here is a quick summary of the features:
HTML5
CSS3
Skeleton (960 Grid-System) Column Layout
FlexSlider (provides CCS3 transitions with JS fallback)
4 Theme Color
Google Fonts
Dynamic Menu (based on scroll position)
Browser history support
Bookmarkable URL
CDN with local fallback
Natural SEO enhanced (appropriate content tags)
Ajax Forms with HTML5 browser validation (with javascript fallback for old browser)
and more…
The PSD files provided allow you to re-use the logo (just change the text) and the sliders (adapt it to your needs by changing the text and the main element). Monochrome icons are provided for both white and black background for all kinds of use. The font used in the demo is “Open Sans” and is also provided.
Please feel free to contact me for any question!