Agility - Responsive / Minimal / HTML5

Agility is a fully responsive HTML5 / CSS3 template, ready to look stunning on any device – from a widescreen monitor to a mobile phone.

How does a responsive template work?

You create one site, and Agility’s responsive framework does the rest. As the user’s viewport size shifts, Agility responds dynamically to optimize viewing for that screen size. That makes experiencing your site on a mobile phone much more enjoyable (no more pinching and zooming just to read a paragraph), without sacrificing complex grid layouts at the full-screen level.

So what does that mean?

Agility is built on a 960gs-based responsive grid system called Skeleton. Using the magic of media queries, as the viewport size changes, the grid adapts to fit the viewport optimally.

A note on functional elements

Please be aware that, as this is a static HTML Template, certain site elements that require server-side scripting are non-functional. For example, the search box and comments are non-functional, but their styles are included. These would require a PHP/MySQL backend to run. Also, the “blog” is just a template – there is no backend system – out of the box, each post is just a separate static HTML file. Of course, you can rig the template up to your CMS of choice, provided you have the sever-side coding skills to implement that theme system.

Note that the contact form IS functional, though it requires PHP on your server to run.

A note on CSS3 Usage

The theme uses CSS3 for many non-essential styles and animations, but gracefully degrades in browsers that don’t support it (IE7, IE8). That also means that Agility won’t be responsive in IE8, since it doesn’t support CSS3 Media Queries.

A note on HTML5 validation

The only validation errors you’ll see are caused by the iframe embed code from YouTube and Vimeo.