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.

Watch a course CSS - The Complete Guide (incl. Flexbox, Grid & Sass)

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