- Banner Page Layout Example
- About
Build
DIV
Host
Delete

Export
Work Space
Top Margin
px
Page Width
px
Page Size



HTML Elements
Class Name
Height
px
Width
px
Element Parameters
DIV
Color
Color


Background Image
Fixed
Scroll
Attachment
Body
Color
Color
HTML CSS Banner Layout
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.
























R
G
B
Opacity
Submit
Apply
Cancel