[grid_12]

[title_bordered]Buttons[/title_bordered]

[/grid_12]

[clear]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”default” target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”default” target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”default” target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style1″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style1″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style1″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style2″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style2″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style2″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style3″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style3″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style3″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style4″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style4″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style4″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style5″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style5″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style5″ target=”_self”]

[/grid_2]

[clear]

 

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style6″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style6″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style6″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style7″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style7″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style7″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style8″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style8″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style8″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style9″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style9″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style9″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style10″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style10″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style10″ target=”_self”]

[/grid_2]

[grid_2]

[button text=”Large” link=”#” size=”large” style=”style11″ target=”_self”]

 

[button text=”Button” link=”#” size=”normal” style=”style11″ target=”_self”]

 

[button text=”Small” link=”#” size=”small” style=”style11″ target=”_self”]

[/grid_2]

[clear]

[hr_double]

[grid_6]

[title_bordered]Alert Boxes[/title_bordered]

[alert]Error! [/alert]

[warning]Notice! [/warning]

[info]Info [/info]

[success]Success[/success]

[/grid_6]

[grid_6]

[title_bordered]List styles[/title_bordered]

  • Unordered list.

[list2]

  • Mauris non orci quis nunc vulputate porta sed ut nulla.

[/list2]

[list3]

  • Integer varius ante id arcu lobortis sed sodales lorem sagittis.

[/list3]

[list4]

  • Aliquam sed eros a lorem eleifend consequat a eget magna.

[/list4]

[list5]

  • Maecenas ut nulla in nisi lacinia viverra.

[/list5]

[list6]

  • Unordered list.

[/list6]

[list7]

  • Mauris non orci quis nunc vulputate porta sed ut nulla.

[/list7]

[list8]

  • Integer varius ante id arcu lobortis sed sodales lorem sagittis.

[/list8]

[list9]

  • Aliquam sed eros a lorem eleifend consequat a eget magna.

[/list9]

[list10]

  • Maecenas ut nulla in nisi lacinia viverra.

[/list10]

[/grid_6]

[clear]

[hr_double]

[grid_6]

[title_bordered]Blockquote [/title_bordered]

[blockquote align=”none” boxed=”yes”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, mi sed placerat adipiscing, diam mauris elementum lectus, sed mollis massa tellus vitae turpis.[/blockquote]

[/grid_6]

[grid_6]

[title_bordered]Table [/title_bordered]

Category Category Category Category Category
123 0 756 0 756
56 214 214
198 + 2 + 2

[/grid_6]

[clear]

[hr_double]

[grid_12]

[title_bordered]Columns[/title_bordered]

[/grid_12]

[clear]

[grid_6]

grid_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_6]

[grid_6]

grid_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_6]

[clear]

[grid_4]

grid_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_4]

[grid_4]

grid_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_4]

[grid_4]

grid_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_4]

[clear]

[grid_8]

grid_8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_8]

[grid_4]

grid_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat.

[/grid_4]

[clear]

[grid_3]

grid_3

Lorem ipsum dolor sit amet, consecte- tur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis.

[/grid_3]

[grid_3]

grid_3

Lorem ipsum dolor sit amet, consecte- tur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis.

[/grid_3]

[grid_3]

grid_3

Lorem ipsum dolor sit amet, consecte- tur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis.

[/grid_3]

[grid_3]

grid_3

Lorem ipsum dolor sit amet, consecte- tur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis.

[/grid_3]

[clear]

[grid_9]

grid_9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo.

[/grid_9]

[grid_3]

grid_3

Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Fusce et elit orci.

[/grid_3]

[clear]

[hr_double]

[grid_6]

[title_bordered]Accordion[/title_bordered]

[accordion]

[panel title=”Title goes here”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, mi sed placerat adipiscing, diam mauris elementum lectus, sed mollis massa tellus vitae turpis. [/panel]

[panel title=”Title goes here”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, mi sed placerat adipiscing, diam mauris elementum lectus, sed mollis massa tellus vitae turpis. [/panel]

[panel title=”Title goes here”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, mi sed placerat adipiscing, diam mauris elementum lectus, sed mollis massa tellus vitae turpis. [/panel]

[panel title=”Title goes here”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, mi sed placerat adipiscing, diam mauris elementum lectus, sed mollis massa tellus vitae turpis. [/panel]

[/accordion]

[/grid_6]

[grid_6]

[title_bordered]Dropcaps[/title_bordered]

[dropcap style=”style1″]L[/dropcap] orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium.

[dropcap style=”style2″]L[/dropcap] orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium.

[dropcap style=”style3″]L[/dropcap] orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et elit orci. Vivamus quis molestie lectus. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium. Quisque at lorem ut tortor feugiat egestas id vel justo. Sed volutpat nunc vel est dictum sit amet placerat orci convallis. Nunc convallis varius pretium.

[/grid_6]

[clear]

[hr_double]

[grid_12]

[title_bordered]Form Elements[/title_bordered]

[/grid_12]

[clear]

[hr_double]

[grid_6]

[title_bordered]Tags[/title_bordered]

[grid_2 class=”alpha”]

[tags color=”color1″ count=”1″]

 

[tags color=”color4″ count=”1″]

[/grid_2]

[grid_2]

[tags color=”color2″ count=”1″]

 

[tags color=”color5″ count=”1″]

[/grid_2]

[grid_2 class=”omega”]

[tags color=”color3″ count=”1″]

 

[tags color=”color6″ count=”1″]

[/grid_2]

[clear]

[/grid_6]

[grid_6]

[title_bordered]Tooltips[/title_bordered]

[grid_2 class=”alpha”]

[tooltip title=”Tooltip” color=”color1″] Tooltip style1[/tooltip]

 

[tooltip title=”Tooltip” color=”color4″] Tooltip style4[/tooltip]

[/grid_2]

[grid_2]

[tooltip title=”Tooltip” color=”color2″] Tooltip style2[/tooltip]

 

[tooltip title=”Tooltip” color=”color5″] Tooltip style5[/tooltip]

[/grid_2]

[grid_2 class=”omega”]

[tooltip title=”Tooltip” color=”color3″] Tooltip style3[/tooltip]

 

[tooltip title=”Tooltip” color=”color6″] Tooltip style6[/tooltip]

[/grid_2]

[clear]

[/grid_6]

[clear]