Build your layout the way you want it from scratch or ready to use layouts; Absolutely FREE - No hidden spam or commercials inside the generated HTML CSS code; As many footers, headers, columns, contents and as nested as you desire; No tabular data - just clean DIV's HTML tags using "class" attribute layout

Blended HTML & CSS Layout Generator allows to create HTML pages online using pure DIV blocks! No tabular data just cool Drag and Drop using HTML5 and CSS3. So start to Generate-Create-Build your template layout right away!

This site is dedicate for creation of almost any HTML web page layout using Drag and Drop, for ease you can change this "Advanced" layout to more simple or complex structure. No prior HTML nor CSS knowledge is need and all generated code is absolutely free.

Basic HTML Page. Simple and classical HTML page layout, will suit an common "skeleton" to any website. Layout explained. This layout consists of four major blocks: The pageHeader - as in general contains web page title and / or company logo. The pageLeftMenu - as is should contain an vertical main menu for site navigation.

Try out new version of this HTML CSS on-line block layout designer to start create, test, generate and build web page templates.

Most common banner HTML CSS website layout grid example template. Using six DIV blocks that may contain any kind of data without affecting the web page flow. Three central blocks may suit for holding menus, commercials, promotions and more, while the middle block may contain content, feed news or any information regarding site subject.

An classic web site layout template containing two columns, one header, content and footer

Help and explanation how to use HTML and CSS block layout generator, to start build and position your templates DIVs blocks