Buttons and typography

Button

small medium large
block
default inactive inverse info
success warning danger search music envelope

[sourcecode language=”html”][button size="large" color="success"] LARGE GREEN[/button][/sourcecode] [shortcode_params name=”button”]

Header

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

[sourcecode language=”html”][header type="4"]H4[/header][/sourcecode] [shortcode_params name=”header”]

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.

[sourcecode language=”html”][blockquote]Lorem…[/blockquote][/sourcecode] [shortcode_params name=”blockquote”]

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.

[sourcecode language=”html”][dropcap]Lorem…[/dropcap][/sourcecode] [shortcode_params name=”dropcap”]

Highlight

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.

[sourcecode language=”html”][highlight style="3"]…[/highlight][/sourcecode] [shortcode_params name=”highlight”]

Paragraph

[sourcecode language=”html”][paragraph]Lorem…[/paragraph][/sourcecode] [shortcode_params name=”paragraph”]

List

Pellentesque habitant morbi tristique
Nec posuere sapien ligula pulvinar vel
Pellentesque habitant morbi tristique

Pellentesque habitant morbi tristique
Nec posuere sapien ligula pulvinar vel
Pellentesque habitant morbi tristique

Pellentesque habitant morbi tristique
Nec posuere sapien ligula pulvinar vel
Pellentesque habitant morbi tristique

Pellentesque habitant morbi tristique
Nec posuere sapien ligula pulvinar vel
Pellentesque habitant morbi tristique

Pellentesque habitant morbi tristique
Nec posuere sapien ligula pulvinar vel
Pellentesque habitant morbi tristique

[sourcecode language=”html”][list style="2"]…[/list][/sourcecode] [shortcode_params name=”list”]

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

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