Menu:

Latest news:

Nov 28, 2005:
Updated to v1.3, fixed links.

Oct 21, 2005:
Updated to v1.2, with minor adjustments and corrections.

June 25, 2005:
v1.0 released on OSWD.org.

Read more...

More info:

This is the third column, which can be used in many different ways. For example, it can be used for comments, site news, external links, ads or for more navigation links. It is all up to you!

Links:

- Free website templates
- Open Web Design
- OSWD.org
- Valid XHTML
- Valid CSS

Version:

andreas01 v1.3

Welcome to andreas01!

This is a very simple but also very useful standard web layout: a fixed-width 3-column page with header and footer. There are thousands of variations of this layout, and this is no perfect solution. But it should be a great starting layout that you can customize in many ways and easily give a unique touch to. The layout is made of valid XHTML 1.1 and CSS only, and it has no tables. If you remove all CSS, the page still works great in text mode. I've tested it on my old mobile phone, and it works like a charm!

Example content image: left-align

The layout features one big image (front.jpg) which you can easily replace with your own header. The default image shows a snowy street in Porjus (northern Sweden), where I grew up. The haiku can easily be replaced with an ad banner or a site slogan. There are also CSS classes for aligning text paragraphs and images, and a print stylesheet that you can customize in any way you want to. As default, navigation menus and images are removed, and only the main content text is printed.

Submenu example

The main navigation menu is an unsorted list, where each list item has been styled to be a button. There are lots of ways to style lists for navigation, but I've kept things simple for this layout. Adding "that little extra" is up to you!

Open source web design

Example content image: right-align

If you like this layout and would like to use it in any way, you are free to do so. All I ask for is that you leave the "Design by Andreas Viklund" link in the footer of the site. If you would like to remove that line, or if you are interested in professional services that are related to webdesign or this layout (such as custom design, branding, scripting or programming), please contact me through my website for more information!

Good luck with your new website!