Tuesday, January 3, 2017

Agility - Responsive / Minimum / HTML5


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

How does a responsive template work?

You create one web page, and Agility’s responsive framework does the remainder. as the person’s viewport size shifts, Agility responds dynamically to optimize viewing for that reveal size. That makes experiencing your site on a mobile phone much more enjoyable (no more pinching and zooming simply to read a paragraph), without sacrificing complex grid layouts on the full-screen degree.

So what does that mean?

Agility is constructed on a 960gs-based totally responsive grid machine referred to as Skeleton. Using the magic of media queries, as the viewport size changes, the grid adapts to suit the viewport optimally.

What’s within the field?

  • 20 HTML5/CSS3 Templates – House pages, Portfolio, Weblog, Page, Submit, Touch, and more
  • Responsive Skeleton Grid Gadget
  • 3 Heritage choices (white, smoky noise, paper fiber)
  • 5 Highlight colour choices (gray, red, blue, green, purple)
  • Responsive Slider
  • 2 Blog Layouts – Usual or Grid
  • 1-FOUR Column Portfolio
  • Operating AJAX Contact Shape (requires PHP5)
  • Responsive Video Embedding (YouTube & Vimeo)
  • CSS3 Effects (gracefully degrade)
  • prettyPhoto Lightbox
  • CSS3 Buttons (7 colors, gentle and darkish textual content, small or huge)
  • Cell-friendly tabs
  • HTML5 information-pushed Google Maps
  • Twitter “Latest Tweet” functionality
  • Alert Packing Containers, record kinds, horizontal rule types, paperwork, tables, and more
  • Well-arranged CSS



A observe on purposeful elements
Please have in mind that, as this is a static HTML Template, positive web site components that require server-side scripting are non-useful. as an example, the quest box and comments are non-purposeful, but their kinds are incorporated. Those would require a PHP/MySQL backend to run. Additionally, the “blog” is simply a template – there is no backend device – out of the box, each and every put up is solely a separate static HTML document. after all, you'll be able to rig the template as much as your CMS of choice, provided you could have the sever-side coding abilities to put into effect that subject matter gadget.

Be Aware that the touch shape IS functional, even though it calls for PHP in your server to run.

A word on CSS3 Utilization
The theme makes use of CSS3 for lots of non-very important kinds and animations, but gracefully degrades in browsers that don’t support it (IE7, IE8). That Also implies that Agility gained’t be responsive in IE8, since it doesn’t support CSS3 Media Queries.
A be aware on HTML5 validation
The One validation mistakes you’ll see are caused by the iframe embed code from YouTube and Vimeo.
Credit
  • Skeleton Responsive Grid Framework
  • FlexSlider
  • prettyPhoto

Read the Beef Up Guide

v1.1 Changelog

  • Update PrettyPhoto javascript for XSS fix
  • Replace jQuery to 1.11.2
  • Replace Twitter feed

FULL DOWNLOAD

No comments:

Post a Comment

Trik tersembunyi Bermain Slither.io agar menjadi no 1 | cara tau ampuh

Slither.io Unblocked Play Engaging in online game playing avails a chance for one to have a great experience. This opens up an enormous amo...