Four Basic Layouts
This layout has rounded corners and 3 separate sections spaced
apart. The main content of the site is centered. This very site has this layout, as does guelphhomeschoolgroup.com.
This layout has a header and footer sections, and main body background that go
straight across the screen. The main content of the site is centered. compassionatesolutions.ca is an example of a site
which uses this layout.
This layout has the header, main content and footer all connected. It is more square and has
a more conservative layout. The three main sections are separated completely by dividing lines.
The main content of the site is centered.
This layout is similar to layout 3, however the header and footer are not completely separated from the main body.
The main content of the site is centered and completely separated from the background by vertical dividing lines.
