Buttons and typography

[spacer height=”30″]
[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Button[/header]
[/row]
[row space=”true”]
[half_column space=”false”]
[button size=”small”]small[/button]
[button size=”medium”]medium[/button]
[button size=”large”]large[/button]

[button size=”block”]block[/button]

[button color=”default”]default[/button]
[button color=”inactive”]inactive[/button]
[button color=”inverse”]inverse[/button]
[button color=”info”]info[/button]

[button color=”success”]success[/button]
[button color=”warning”]warning[/button]
[button color=”danger”]danger[/button]

[button icon=”icon-search”]search[/button]
[button icon=”icon-music”]music[/button]
[button icon=”icon-envelope”]envelope[/button]
[/half_column]
[half_column space=”false”]
[sourcecode language=”html”][[button size="large" color="success"]
LARGE GREEN[/button]][/sourcecode]
[shortcode_params name=”button”]
[/half_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Header[/header]
[/row]
[row space=”true”]
[half_column space=”false”]
[header type=”1″]Header 1[/header]
[header type=”2″]Header 2[/header]
[header type=”3″]Header 3[/header]
[header type=”4″]Header 4[/header]
[header type=”5″]Header 5[/header]
[header type=”6″]Header 6[/header]
[/half_column]
[half_column space=”false”]
[sourcecode language=”html”][[header type="4"]H4[/header]][/sourcecode]
[shortcode_params name=”header”]
[/half_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Blockquote[/header]
[/row]
[row space=”true”]
[half_column space=”false”]
[blockquote]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.[/blockquote]
[/half_column]
[half_column space=”false”]
[sourcecode language=”html”][[blockquote]Lorem…[/blockquote]][/sourcecode]
[shortcode_params name=”blockquote”]
[/half_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Dropcap[/header]
[/row]
[row space=”true”]
[half_column space=”false”]
[dropcap]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.[/dropcap]
[/half_column]
[half_column space=”false”]
[sourcecode language=”html”][[dropcap]Lorem…[/dropcap]][/sourcecode]
[shortcode_params name=”dropcap”]
[/half_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Highlight[/header]
[/row]
[row space=”true”]
[half_column space=”false”]
[paragraph]
[highlight style=”1″]Lorem ipsum dolor sit[/highlight] amet, consectetur adipiscing elit. [highlight style=”2″]Pellentesque[/highlight] sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a [highlight style=”3″]lobortis aliquam[/highlight], nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor [highlight style=”4″]vitae molestie[/highlight] diam rutrum.
[/paragraph]
[/half_column]
[half_column space=”false”]
[sourcecode language=”html”][[highlight style="3"]…[/highlight]][/sourcecode]
[shortcode_params name=”highlight”]
[/half_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Paragraph[/header]
[/row]
[row space=”true”]
[half_column space=”false”]
[paragraph]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.[/paragraph]
[/half_column]
[half_column space=”false”]
[sourcecode language=”html”][[paragraph]Lorem…[/paragraph]][/sourcecode]
[shortcode_params name=”paragraph”]
[/half_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]List[/header]
[/row]
[row space=”true”]
[third_column space=”false”]
[list]

Pellentesque habitant morbi tristique

Nec posuere sapien ligula pulvinar vel

Pellentesque habitant morbi tristique

[/list]
[/third_column]
[third_column space=”false”]
[list style=”star”]

Pellentesque habitant morbi tristique

Nec posuere sapien ligula pulvinar vel

Pellentesque habitant morbi tristique

[/list]
[/third_column]
[third_column space=”false”]
[list style=”chevron”]

Pellentesque habitant morbi tristique

Nec posuere sapien ligula pulvinar vel

Pellentesque habitant morbi tristique

[/list]
[/third_column]
[/row]
[row space=”true”]
[third_column space=”false”]
[list style=”ok”]

Pellentesque habitant morbi tristique

Nec posuere sapien ligula pulvinar vel

Pellentesque habitant morbi tristique

[/list]
[/third_column]
[third_column space=”false”]
[list style=”arrow”]

Pellentesque habitant morbi tristique

Nec posuere sapien ligula pulvinar vel

Pellentesque habitant morbi tristique

[/list]
[/third_column]
[third_column space=”false”]
[sourcecode language=”html”][[list style="2"]…[/list]][/sourcecode]
[shortcode_params name=”list”]
[/third_column]
[/row]

[row topmargin=”true” space=”false”]
[header type=”3″ line=”twoLines”]Table[/header]
[/row]
[row space=”true”]
[table]

Header 1	Header 2	Header 3	Header 4
Hasad Sears	Argentina	Nov 12, 2013	1 57 631 4465-9099
Hasad Sears	Argentina	Nov 12, 2013	1 57 631 4465-9099
Hasad Sears	Argentina	Nov 12, 2013	1 57 631 4465-9099
Hasad Sears	Argentina	Nov 12, 2013	1 57 631 4465-9099

[/table]
[/row]
[row space=”true”]
[sourcecode language=”html”][[table]
<table>
<thead>…</thead>
<tbody>…</tbody>
</table>
[/table]][/sourcecode]
[shortcode_params name=”table”]

[/row]