Item One

About This Design

Well, this design was made because I wanted to make something that didn't involve hacks for the primary layout.

The left and right columns are set at 200px, and the center area is fully flexible to whatever size is needed. All fonts will increase appropriately because all are set relative using the base at the 76% universal sizing.

One image is used through this layout, and is simply repeated in different spots to show possible placement of graphics.

You can have multiple subsections in your left navigation, but the only ones that will show expanded are the subsections for the <ul> currently marked #active. The subsections for other sections of the menu will remain hidden.

This website is XHTML 1.0 Strict and has been tested in Firefox, IE 6 and IE 7 Beta 2, Opera, Konqueror, and Safari.

Alternate Layout

There is an alternate 2 column layout of this design available. This layout is ideal for subpages.

Alternate 2 column Layout

Useage

I am freeing this template according to the Creative Commons Attribution 2.5 License. That license gives you the right to use this template in any way (commercial or non-commercial), make changes to it, create things based on it, etc... so long as an attribution is made to the author. Per this, please leave the link at the bottom of the footer to my site, though you are free to change the text of that link (such as, 'Based on a design by', etc..) to suit your needs. You can also, alternatively, put a link in your 'About' page or other page as appropriate.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text.

This is a normal link.

An acronym

Some text here that is code.

A blockquote.

Table Heading
Col 1 Col 2 Col 3
Sub head 1 Result 1 Result 2
Sub head 2 Result 1 Result 2
Sub head 3 Result 1 Result 2

Color palette:

For easy search and replace.

  • Regular Black #000
  • Dark Green #452
  • Rich Green #472
  • Lime Green #79B30B
  • Orange Brown #b71

Special:

Main content background, title, and regular text color of pure #fff white.

The topper of the main content and the code area have a background-color of #dda and text color #742, like so.

Recent News

News Title: This is a little piece of news you could display on your site.

News Title: This is a little piece of news you could display on your site.

News Title: This is a little piece of news you could display on your site.

Affiliates