HTML Layout Templates

Here is a collection of HTML templates that provides basic website layouts. You may download them (all HTML pages in a single zip file) and use for your websites. They are easy to modify or customize.

[  <span>Two columns, left menu</span> <span>(template 01)</span> ](//w3docs.com/snippets/html/layout_templates/01.html) [  <span>Three percentage columns</span> <span>(template 02)</span> ](//w3docs.com/snippets/html/layout_templates/02.html) [  <span>Three percentage columns</span> <span>(template 03)</span> ](//w3docs.com/snippets/html/layout_templates/03.html) [  <span>Three percentage columns</span> <span>(template 04)</span> ](//w3docs.com/snippets/html/layout_templates/04.html) [  <span>Three percentage columns</span> <span>(template 05)</span> ](//w3docs.com/snippets/html/layout_templates/05.html) [  <span>Three percentage columns</span> <span>(template 06)</span> ](//w3docs.com/snippets/html/layout_templates/06.html) [  <span>Three fixed columns</span> <span>(template 07)</span> ](//w3docs.com/snippets/html/layout_templates/07.html) [  <span>Three fixed columns</span> <span>(template 08)</span> ](//w3docs.com/snippets/html/layout_templates/08.html) [  <span>Three fixed columns</span> <span>(template 09)</span> ](//w3docs.com/snippets/html/layout_templates/09.html) [  <span>Three fixed columns</span> <span>(template 10)</span> ](//w3docs.com/snippets/html/layout_templates/10.html) [  <span>Three fixed columns</span> <span>(template 11)</span> ](//w3docs.com/snippets/html/layout_templates/11.html) [  <span>Three fixed columns</span> <span>(template 12)</span> ](//w3docs.com/snippets/html/layout_templates/12.html) [  <span>Liquid, secondary columns fixed-width</span> <span>(template 13)</span> ](//w3docs.com/snippets/html/layout_templates/13.html) [  <span>Liquid, secondary columns fixed-width</span> <span>(template 14)</span> ](//w3docs.com/snippets/html/layout_templates/14.html) [  <span>Liquid, secondary columns fixed-width</span> <span>(template 15)</span> ](//w3docs.com/snippets/html/layout_templates/15.html) [  <span>Liquid, secondary columns fixed-width</span> <span>(template 16)</span> ](//w3docs.com/snippets/html/layout_templates/16.html) [  <span>Liquid, secondary columns fixed-width</span> <span>(template 17)</span> ](//w3docs.com/snippets/html/layout_templates/17.html) [  <span>Liquid, secondary columns fixed-width</span> <span>(template 18)</span> ](//w3docs.com/snippets/html/layout_templates/18.html) [  Liquid, three columns, hybrid widths (template 19) ](//w3docs.com/snippets/html/layout_templates/19.html) [  <span>Liquid, three columns, hybrid widths</span> <span>(template 20)</span> ](//w3docs.com/snippets/html/layout_templates/20.html) [  <span>Liquid, three columns, hybrid widths</span> <span>(template 21)</span> ](//w3docs.com/snippets/html/layout_templates/21.html) [  <span>Liquid, three columns, hybrid widths</span> <span>(template 22)</span> ](//w3docs.com/snippets/html/layout_templates/22.html) [  <span>Two columns liquid, side fixed</span> <span>(template 23)</span> ](//w3docs.com/snippets/html/layout_templates/23.html) [  <span>Two columns liquid, side fixed</span> <span>(template 24)</span> ](//w3docs.com/snippets/html/layout_templates/24.html) [  <span>Two percentage columns</span> <span>(template 25)</span> ](//w3docs.com/snippets/html/layout_templates/25.html) [  <span>Two percentage columns</span> <span>(template 26)</span> ](//w3docs.com/snippets/html/layout_templates/26.html) [  <span>One column liquid and two halves</span> <span>(template 27)</span> ](//w3docs.com/snippets/html/layout_templates/27.html) [  <span>One column liquid and two halves</span> <span>(template 28)</span> ](//w3docs.com/snippets/html/layout_templates/28.html) [  <span>Two percentage columns and one larger</span> <span>(template 29)</span> ](//w3docs.com/snippets/html/layout_templates/29.html) [  <span>Two percentage columns and one larger</span> <span>(template 30)</span> ](//w3docs.com/snippets/html/layout_templates/30.html) [  <span>Two columns liquid, fixed side and large one</span> <span>(template 31)</span> ](//w3docs.com/snippets/html/layout_templates/31.html) [  Two columns liquid, fixed side and large one (template 32) ](//w3docs.com/snippets/html/layout_templates/32.html) [  <span>Two columns fixed</span> <span>(template 33)</span> ](//w3docs.com/snippets/html/layout_templates/33.html) [  <span>Two columns fixed</span> <span>(template 34)</span> ](//w3docs.com/snippets/html/layout_templates/34.html) [  <span>Two columns fixed</span> <span>(template 35)</span> ](//w3docs.com/snippets/html/layout_templates/35.html) [  <span>Two columns fixed</span> <span>(template 36)</span> ](//w3docs.com/snippets/html/layout_templates/36.html) [  <span>Two columns fixed</span> <span>(template 37)</span> ](//w3docs.com/snippets/html/layout_templates/37.html) [  <span>Two columns fixed</span> <span>(template 38)</span> ](//w3docs.com/snippets/html/layout_templates/38.html) [  <span>One column fixed and two halves</span> <span>(template 39)</span> ](//w3docs.com/snippets/html/layout_templates/39.html) [  <span>One column fixed and two halves</span> <span>(template 40)</span> ](//w3docs.com/snippets/html/layout_templates/40.html)