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.

What’s in the box?

20 HTML5/CSS3 Templates – Home pages, Portfolio, Blog, Page, Post, Contact, and more
Responsive Skeleton Grid System
3 Background options (white, smoky noise, paper fiber)
5 Highlight color options (grey, red, blue, green, purple)
Responsive Slider
2 Blog Layouts – Standard or Grid
1-4 Column Portfolio
Working AJAX Contact Form (requires PHP5)
Responsive Video Embedding (YouTube & Vimeo)
CSS3 Effects (gracefully degrade)
prettyPhoto Lightbox
CSS3 Buttons (7 colors, light and dark text, small or large)
Mobile-friendly tabs
HTML5 data-driven Google Maps
Twitter “Latest Tweet” functionality
Alert Boxes, list styles, horizontal rule styles, forms, tables, and more
Well-organized CSS

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.