Matrix is a responsive, intuitive tile-based template which is inspired by Metro design. The tiles can be made ‘live’ to display more information on the screen without occupying more space.
This template comes with 15 HTML files and 10 pre-defined colours. It is highly customizable to suit the needs of every user. Unlike conventional designs, each tile can be customized to create any design you can imagine!
All the files are coded with valid HTML5 tags and CSS3 , and are Search Engine Optimized (SEO) using valid HTML5 semantic tags for each section and are written in decreasing order of importance down the page. For instance, the title and content of an article comes before the comments and sidebar within a HTML file, and titles are enclosed in h1 tags to signify their importance.
Currently, I am accepting any requests for features and new icons for tiles, so do not hesitate to contact me if you require any help.
Main Features
- Responsive
- ‘Live’ tiles
- iframe video embedding ready
- Vimeo easy embedding – auto styling for description
- In-post slider
- Unlimited layout options
- High customizability
- Detailed documentation
- 15 HTML files
- 12 default colour tags
- Unlimited colour settings
- 10 default social icons
- FlexSlider 2 ready
- Twitter widget ready – only requires your username
- Coded using valid HTML5 and CSS3
- SEO optimized
Upcoming Features
- Light theme
- Audio embedding
Waiting for more suggestions from you
Theme Preview
I wish to inform you that all images (except the slider images and icons) are not included in the purchased template, but are replaced with image placeholders.
Changelog
18/08/2012 Release of V1.0
Known Limitations
Due to certain browsers’ incompatibility, there are some minor features altered in these browsers :
- IE8 / IE9 – Like and Tweet buttons in single item page are made shown permanently without hovering
- IE8 / IE9 – No transition effects on hover
- IE8 – Tile fading effect on hover has been disabled
- Safari 5 for Windows – Flipping tiles might flicker on hover. The fix to the problem is mentioned in the documentation
Credits
Thanks to all these great individuals :
- Preview theme background image by bulliver
- Preview theme tile images by Mads Berg
- Preview theme about page image by || UggBoy?UggGirl || PHOTO || WORLD || TRAVEL ||
- Preview theme about page images by mac_filko
- Preview theme contact page image by Rev Dan Catt
- Icons by dakirby309
- Icons at windowswiki.info
- Tutorials at net tuts+
- Tutorials at CSS Tricks
- Community at Stack Overflow
- css3-mediaqueries by Wouter van der Graaf
- hoverintent by Brian Cherne
- jquery.easing by George Smith
- jquery.fancybox by Janis Skarnelis
- FlexSlider by WooThemes
- jquery.masonry by David DeSandro
- MetroJs by Drew Greenwell
Once again, thanks for checking out this template. I hope you like it and I appreciate any feedback regarding this template, even if it is a criticism 
Notice
As I will be overseas on the next 3 days (19th – 21st of Aug), I may not be able to give any reply to anything. Don’t worry, I’ll read through and reply everything once I’m back. Sorry for the delayed response