Layout Templates

The following templates provide a basic CSS website layout that enables you to get started with your website. Add content, images, and other media, and your website is complete.

Note that the templates on this page contain embedded style sheets. It is best to transfer these styles to an external style sheet if you plan to use the same styles across multiple pages (for example, a whole website).

3 Column Layout

3 column layout template

View Source Code | Preview

3 Column Layout, 2 Right Menus

3 column layout template with 2 right menus

View Source Code | Preview

2 Column, Left Menu

2 column layout — left menu template

View Source Code | Preview

2 Column, Right Menu

2 column layout — right menu template

View Source Code | Preview

2 Column, Left Menu, Header & Footer

2 column layout — left menu with header & footer template

View Source Code | Preview

2 Column, Right Menu, Header & Footer

2 column layout — right menu with header & footer template

View Source Code | Preview

Customize Your Template

Here are a few ways you can modify your HTML template.

  • Add some free graphics to your template.
  • Modify your template or simply add content with these HTML codes. Simply copy/paste them into your template.
  • Check out these HTML examples for more ideas. You can copy and paste these too.
  • Browse this list of JavaScript examples to add interactivity to your website. Again, you can copy and paste the code.
  • Learn HTML with this HTML tutorial.
  • Learn how to modify your template styles with this CSS tutorial.
  • Learn how to add interactivity to your template with this JavaScript tutorial.
  • Check out our other tutorials by visiting our homepage.