HTML5 & CSS3 Template

This W3C-compliant, CSS-based website template has a Creative Commons Attribution-Share Alike 3.0 Unported License.

Feel free to remix, copy, distribute and transmit this template. Just know that you must attribute the work in the manner specified by me. Please see the license. Also, if you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. All I ask is that you include a link back to my website in your credits.

Let the Show Begin - Pre and Code

This is how it looks if you use pre and code together, for example to highlight and nicely markup a piece of code:

pre {
 font-size : 12px;
 background : #F0F0F0;
}

Example Blockquote

If you want to quote somebody, you can use this perfectly semantic example for a blockquote:

During my years in the Internet Marketing business I have seen and done many things I never thought would be of interest to me or anyone else.

Example Table

The following is the design for a table. The style is simple and user-friendly. Some of the effects were made with CSS3.

Example hCalendar

The following is a definition list in combination with the hCalendar microformat.

11-18-2010

Conference Name

http://www.conference-website.com/

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec eleifend diam. Fusce lobortis odio ac sem scelerisque sed iaculis purus ornare.

Example Video

Example Lists

Two different kinds of lists were styled: Ordered lists (ol) and unordered (ul) lists.

1. This is
2. The Ordered
3. Listing

• This is
• The Unordered
• Listing

Example Form

This is how a form will look like in this template.