Ribbon web template

This template is 960px wide, good for a 1024px monitor resolution. In monitor with resolution over 1024px the content is centered. The code is valid XHTML 1.0 Strict.

The paragraphs are not separated by blank spaces but with the indentation of first line like a book. If you want a paragraph without indentation there is a .noindent class, just like LaTeX typesetting system. To better resemble printed books, the text is justified. These rules are applied only here (the main content).

Text and line height are dimensioned to a vertical rythm including headings, lists and tables. You can see a page with examples of commonly used tags.

Printing

There is a print.css stilesheet for printing the page. It hides the ribbon and aux columns and left visible only the main page.

Filler text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

website template image

This is the "ribbon" with the main navigation.

Auxiliary

This column can be used to put an "about" box, a secondary navigation or some thumbnails.

It's a good place for a blogroll or for publish contents from other services like your del.icio.us bookmark or a flickr photo-gallery.

A traditional site can put here the latest news; a blog can use this column to show the latest comments.