Free CSS Starter Templates

Basic 1-column layout

This plain vanilla layout is fixed-width and centered. Although it contains only one column, it is highly customizable. Included are 3 equally spaced horizontal boxes which may be reused as often as needed for images, text, ads, media players, etc... This layout is a good starting point for most projects.

 

Basic 2-Column Layout

This layout is centered, fixed-width and has a sidebar on the right. Also a horizontal menu above the content area.

 

CSS Faux Columns

The illusion of two equal height columns is achieved with a 2-toned background image that repeats down the page.

 

Semi-Liquid Photo Layout

This layout resizes to browser viewports between 800px and 1280px wide. The grid is minimally styled with CSS. No tables or absolute positioning required. Photos have CSS box-shadows for browsers that support it.

 

Dark Grid Photo Layout

This layout contains a liquid (% based) header and footer with a fixed-width & centered content region. The grid is styled entirely with CSS, no tables required.

 

CSS3 Rounded Borders (iPhone friendly)

Semi-Liquid, centered template with rounded borders, CSS gradients, box-and text-shadows, plus support for iPhone, iPad and Google Chrome Plug-in for IE!!

This layout changes styles based on viewport size. Check it out.

 

970 CSS Layout

This layout is fixed-width and centered. Contains 3 equal height columns as well as a fancy CSS Button.

 

2-Image Web Page

A demonstration of what you can do with 2 tiny, repeating background images and CSS rounded borders.

 

CSS Round Menu

More of a proof of concept, this fixed-width, 2-column layout has rounded borders and rounded menu.

April 2011 Tags: Free, Web Design Templates, CSS Starter Pages