Keep calm this isn't the end of the world, the preview is just missing.

Agility - Responsive / Minimal / HTML5 - 1 Agility - Responsive / Minimal / HTML5 - 2

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

Agility - Responsive / Minimal / HTML5 - 4

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.

Agility - Responsive / Minimal / HTML5 - 5

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.
A note on HTML5 validation
The only validation errors you’ll see are caused by the iframe embed code from YouTube and Vimeo.
Credits

Read the Support Guide

Agility - Responsive / Minimal / HTML5 - 6 Agility - Responsive / Minimal / HTML5 - 7 Agility - Responsive / Minimal / HTML5 - 8 Agility - Responsive / Minimal / HTML5 - 9

v1.1 Changelog

  • Update PrettyPhoto javascript for XSS fix
  • Update jQuery to 1.11.2
  • Update Twitter feed
  • Utterly brilliant .. Will be getting this weekend after talk to a client

    • sevenspark

      Author

      Thanks so much for your kind words! :D

  • Is a Google API for the Google map required?

    • sevenspark

      Author

      Hi Makaay, The Google Maps API script is loaded remotely in the footer of the template, so to include a Google Map you just need to provide coordinates or an address, and the javascript does the rest. For details, see: http://agility-html.sevenspark.com/help/#media-maps However, if you prefer to use the normal embed code rather than the API, you could do that as well - I am not sure whether that code is responsive out of the box. Hope that answers your question! :) Chris

  • Hi Sevenspark, Need some urgent help, on the portfolio page the images do not show on load, but when you refresh the page they do, I have tested this problem in both Firefox and Safari but not IE. Here's my page with the problem... http://harlil.net/portfolio.html Do you not what's causing it? Regards, Paul

    • sevenspark

      Author

      Hi Paul, Sorry to hear you're having trouble! I've tested your site in Firefox, Safari, Chrome, and IE, on two different machines, and I haven't been able to recreate this issue (for me everything loaded up immediately the first time). Perhaps you could <a href="http://bit.ly/CCsupport">email me</a> with more specifics on browser and OS versions so I might narrow down the issue? Since I can't actually see the problem right now, my best guess would be that there is some sort of conflict with the image preloader. The simplest way to test this would be to remove the <code>preload</code> class from the anchor surrounding the img. I hope that helps! But again, please feel free to contact me directly and we'll definitely get it sorted out :) Best, Chris

  • Hi everyone, Thanks so much for your kind words and support of Agility, I really appreciate your business! For anyone looking for a WordPress theme, please note that this is an HTML template and is not going to be compatible with WordPress out of the box. I have a WordPress version of Agility in the works and scheduled for release in early 2012 :) If you need any support, you can contact me via my <a href="http://themeforest.net/user/sevenspark#from">contact form</a> (dedicated support forum coming soon) and I'll get back to you as soon as possible. Also stay tuned for some updates, including toggles and testimonials, coming in the next couple of weeks. Thanks again for your support - have a wonderful holiday! :) Chris

  • My manager has left for the day, so I'll provide the code on Monday.

  • Hi, would you please provide me with a linkedin icon for Agility? I couldn't find it in the folders and it is not on the demo website. Thanks in advance

    • sevenspark

      Author

      Hi, There is no LinkedIn icon provided because there was not one included in the icon set I purchased. I've made one that you can use here however: http://sevensparklabs.com/img/square_linkedin.png Hope that helps, Chris

  • Hi !! Can you explain me how to leave the "settings color options" displayed for the users? Thanks !!! Fran.

    • sevenspark

      Author

      Hi Fran, I believe you're referring to the demo settings widget? That code is not distributed with Agility (it's just meant for the demo), but if you'd like to <a href="http://themeforest.net/user/sevenspark#from">send me an email</a> I'd be happy to share what I've got with you :) Best, Chris

  • I love this design... pity it doesnt have a .js twitter feed at the foot of the page... other than that... its beautiful... (any chance you could throw a twitter feed in ??) :)

    • sevenspark

      Author

      Hi miguel, Thanks, glad you like the template! Agility already includes a Twitter feed (displayed at the bottom of the home page), so it includes <a href="https://code.google.com/p/twitterjs/">twitterjs</a> by default. You could easily customize this to display tweets in the footer instead of on the home page content area if you wish :) Hope that helps! Chris

  • I would like to hire your army of gerbils :) Great template Chris!

    • sevenspark

      Author

      Thanks, George! I couldn't get ahold of the hamsters that normally power WordPress, so I picked up the gerbils to help out with this template. I find they are admirable substitutes ;) Oh, and I made use of your theme switcher this time around, so thanks for that!! :)

  • Very nice Seven, Before I buy will it play flv's?

    • sevenspark

      Author

      Thanks, traxguard! Agility doesn't come bundled with an FLV player, so you'd need to use a third party player like <a href="http://www.longtailvideo.com/players/jw-flv-player/">JW Player</a> or <a href="http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library">Kaltura</a>. I will also look into this further and see if I can come up with an integration tutorial :) Hope that helps! Chris

  • Hey Chris, Thanks for the quick reply. Is it possible to send you a message directly to not ramble on here or would you prefer me messaging you here. My email is [email protected] Dominik

    • sevenspark

      Author

      Yup! Feel free to send me an email via my <a href="http://themeforest.net/user/sevenspark#from">contact form</a> :) Chris

  • Hello Sevenspark is there any possibility to get a working send contacts. or what I have to do for it. creating a php ? like contact.php - what I have to put inside ? regards, engin

    • sevenspark

      Author

      Hi enginavcilar, The contact form that comes with Agility is ready to go, you just have to place the files on your server and edit the included contact.php to set your To: email address. :) Best, Chris

  • Very nice, thanks very much! My next personal page will use this as a base, sale made! :) I don't see an extended license for this item. Does that mean I can use your navigation CSS for commercial purposes? Or where could I get an extended license? Thanks again Chris

    • sevenspark

      Author

      Thanks, Chris! You can use the template for commercial purposes with just a regular license (example: a single site for a business) - you just can't redistribute it or use it more than once (that is, regular licenses can be used for whatever you want - but only one time, and can't be resold). I don't offer an extended license, but that would allow you to incorporate the product into another work which you'd be allowed to sell. For more info on the (somewhat confusing) licensing, see http://themeforest.net/wiki/buying/howto-buying/licensing/ Hope that answers your question - enjoy! :) Chris

  • Hi mate - Can you update on the status of the WP theme? Cheers!

    • sevenspark

      Author

      Almost there! Hopefully it'll be in beta testing by this weekend. Then it's on to documentation and polishing :)

    • sevenspark

      Author

      Hi qubed, Just wanted to update you that the WordPress version is now available! :) http://themeforest.net/item/agility-responsive-html5-wordpress-theme/2336028 Best, Chris

  • Thanks you for your reply!! I've tried to use some js transition but they change the original aspect of the page( conflict with some js or CSS)... Have you some ideas? Thanks Carlo

    • sevenspark

      Author

      Hi Carlo, I'm sorry, but I'm not sure. It's not something that the template is intended to do, so you'll need to determine how to make the required customizations. If you need customization assistance, you might consider hiring a freelancer over at http://freelanceswitch.com :) Best, Chris

  • Ok Thank you so much!!!!! Your theme is awesome!! Carlo

    • sevenspark

      Author

      Thanks! You're welcome, Carlo :)

  • Hi, After I uploaded, it reported a error "Name Description agility-html Stylesheet is missing." it's a broken theme. it donot has style.css file at all. Would you pls check download file? I want download it again and get it installed. Thanks, Maritn

    • sevenspark

      Author

      Hi Martin, Sorry, but you haven't purchased a WordPress theme - this is an HTML site template. It's not compatible with WordPress out of the box. The WordPress version of Agility can be found <a href="http://themeforest.net/item/agility-responsive-html5-wordpress-theme/2336028">here</a>. Best, Chris

  • A really beautiful job on this theme. Looking forward to the WP version.

    • sevenspark

      Author

      Thanks! :)

  • Love the Agility template. Any update on the WordPress version? Can't wait! -William

    • sevenspark

      Author

      Thanks! Think I just replied to you on Twitter, but I'm hoping to release in late March :) Best, Chris

  • Great combination of design and functionality :)

    • sevenspark

      Author

      Thanks, Jason! :)

  • Themexylum

    9 Hours Ago
    support
    Reply

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Codepoet_Biplob

    9 Hours Ago
    code quality
    Reply

    Awesome theme. All in one Business Website Solutions.

  • PaglaGhora

    9 Hours Ago
    design quality
    Reply

    Best theme ever....

  • Hearingorg

    12 days Ago
    support
    Reply

    Very helpful support - above and beyond is my experience and I have purchased this theme many times for my clients.

  • ecom1206

    5 Hours Ago
    code quality
    Reply

    Awesome theme. All in one Business Website Solutions.

  • Mr.Mango

    1 month day
    design quality
    Reply

    Retina logo won't work retina logo won't work

    • AazzTech

      6 Hours Ago
      Author

      Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Hearingorg

    12 days Ago
    support
    Reply

    Very helpful support - above and beyond is my experience and I have purchased this theme many times for my clients.

  • Tueld

    23 Minutes Ago
    code quality
    Reply

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Living Potato

    3 months ago
    customization
    Reply
  • Visual-Eggs

    125 years ago
    support
    Reply

    This is the finest art in the history of whateverland. Pastor: No it's a witchcraft.

Contact the Author

Please sign in to contact this author.

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Mais itens deste mesmo criador

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

R$ 144,00

1732