Modelish - HTML5 Site Template

Modelish - HTML5 Site Template

Modelish is a fully responsive HTML5 template based on LESS CSS created for presenting artwork or photography, but can be customized for any business.

Features

• HTML5 + LESS + CSS3 + jQuery
• fully responsive + 12 column grid + retina display
• mobile first approach (optimizes bandwidth for smaller screens)
• easy to customize with LESS variables (fallbacks to CSS if you like)
• CSS3 dropdown menu with mobile popup compatibility
• custom scrollbars that are hidden if not in use
• contains AJAX based contact form + PHP sendmail script
• unique modern design that stands out from other templates
• focused on presenting images and portfolios

6 variations of home page that contain:

• Fullpage Supersized Gallery
• Fullpage 360° Panoramic Viewer
• Panzer HTML5 Audio Player
• Flexslider and iOSSlider
• Call to action box
• Featured portfolio display
• Featured clients display
• Featured 3-columned features

Unique pages

• unique pages: About, Our Staff, Testimonials, 404 Error Not Found

Common elements

• typography, grids, lists, tables, forms, buttons, tooltips, dropcaps, quotes, alerts, accordion wrapper, tab container, lightbox gallery, audio playlist player, responsive video wrapper, pricing table, flexslider, pagination, social icons

Visual interactions

• 9 CSS3 hover transitions with smooth animation: shake, flash, bounce, tada, swing, wobble, wiggle, pulse, flip, etc.

Icons and imagery

• 15 retina display social icons

Compatibility and tooling

• IE compatibility libraries (HTML5 Shiv, matchMedia() polyfill, Respond.js, selectivizr)

Post and page features

• unique single post page with comments

Assets for customization

• PSD file for home page and sprites (to customize colors)
• layout scales down perfectly to mobile
• images from preview are not included in the final file
• easy to customize + documentation

Credits

• LESS CSS
• Tabify
• FlexSlider
• iosSlider
• Fancybox
• jQuery Form Plugin
• OKFocus Video
• Supersized Gallery
• My personal Panorama360 plugin
• Tipsy Tooltips
• jquery.nicescroll
• My personal Bronto CSS Menu
• Purchased Model Agency Logo (source not included in final file)