Easy Page Design V1.

0
Create your website very easily and fastly.

Class Name Description

document Can be used as main document
page-full Can be used as full page 0 margin and padding
page90 Use this class to apply 90% width
page80 Use this class to apply 80% width
block Use it to start a new block OR row. It works like full-page class
Use it to add a single full page cell/column containing 98% width and 10px
cell-full
padding.
Use it to add two cell/column on the page containing 46% width, 10px
cell50
margin and 10px padding.
Use it to add three cell/column on the page containing 32% width, 7px
cell-3
margin and 10px padding.
Use it to add four cell/column on the page containing 24% width, 10px
cell25
margin and 10px padding.
Use it to add five cell/column on the page containing 19% width, 10px
cell20
margin and 10px padding.
Use it to add a cell with height and width 300px that adjusts inline. It has
cube300
10px margin and 10px padding.
Use it to add a cell with height and width 200px that adjusts inline. It has
cube200
10px margin and 10px padding.
Use it to add a cell with height and width 100px that adjusts inline. It has
cube100
10px margin and 10px padding.
Use it to add a cell with height and width 50px that adjusts inline. It has
cube50
10px margin and 10px padding.
It can be used to create a left and right side frame structure. It has 29%
frame-right30, frame-
width, 10px padding and 10px margin that can be adjusted inline with
left30
frame-right70, frame-left70
It can be used to create a left and right side frame structure. It has 68%
frame-right70, frame-
width, 10px padding and 10px margin that can be adjusted inline with
left70
frame-right30, frame-left30
It can be used to create team, committee, member details with additional
member-hz, team-hz elements like image, label, name designation, location. It has horizontal
rectangular shape.
It can be used to create team, committee, member details with additional
member-vt, team-vt elements like image, label, name designation, location. It has vertical
rectangular shape.
list It can be used with HTML list element like UL, OL etc.
list-footer It can be used with the HTML list element at footer location.
menu-content Used to contain menu content.
liner Should be placed under menu-content for responsive menu stripe inside
line-h Must be placed under liner to show horizontal stripe for responsive menu.
line-v Must be placed under liner to show vertical stripe for responsive menu.
menu-list It can be used to create horizontal menu.
sub-drop It is used to create sub menu drop list.
menu-caps Converts any string to uppercase.
menu-title Converts string to title case
drop-down-tri Can be used to show triangle shape with drop menu.
drop-down-tri-solid Can be used to create solid fill triangle with drop menu.
drop-down-arrow Used to show arrow symbol with drop menu.
hspace Used to put 30px gap horizontally(right/left) between inline contents
vspace Used to put 30px vertical(up/down) space between two contents.
element For form element
element-2in To adjust two form elements in a single row.
element-3in To adjust three form elements in a single row.
element-r For rounded corner form elements.
button For form button.
button-light For light grey button.
button-go For green colored button.
button-dark For dark grey button.
arrow-dn Downside triangular arrow.
circle-semi-lc Left side half circle shape.
circle-semi-rc Right side half circle shape.
light To create lightbox. It covers full page with 50% transparency.
box Lightbox Content can be placed here.
img For full size image inside box.
close To close lightbox.
dCap For single line drop cap view upward.
dCap2 For two line drop cap view downward.
dCap3 For three line drop cap view downward.

Coming with more effective features in next version.

Note: For better result must use .js file.