Keep the layout in order...

This is The Map version2.0,an updated version of the first free website template from that was built upon a CSS Map system. Inspired by the 1KB CSS Map and other systems, The Map template has a 12-column Map based on 60 or 80 pixels wide columns with 20 pixels of space inbetween.the two column width give two layout with options, 960pxels or 1200pixels. To use the Map, you create a div with the class="row" and then place any number of divs with class="col" and a second class stating the width of the column (c1-c12) inside the row. The Map supports nested rows which means that thousands of layout combinations can be created, from single-column pages to advanced magazine-style layouts. The template uses standards-compliant code.

About this example...

this file uses the default 960px layout width. to use 1200px layout width apply class="wider"

Want to use it?

Like all templates from, The Map template is free to modify and free to use for any purpose. If you find The Map template useful, please keep the footer credit link to help others find the template.

Related resources?

Tutorials, alternate versions, additions and articles about using this template and others, can be found on and on The Map template page.

Theme versions?

If you convert this template into a theme for WordPress, Drupal Joomla, Tumblr or any other CMS or blog service, please Contact Me. I would be happy to distribute theme versions of this template through