Buttons and typography

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Button[/header]
[/row]
[row]
[half_column]
Button
Button
Button
Button

Button

Button
Button
Button
Button

Button
Button
Button

Button
Button
Button

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

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Header[/header]
[/row]
[row]
[half_column]
[header type=”1″]H1[/header]
[header type=”2″]H2[/header]
[header type=”3″]H3[/header]
[header type=”4″]H4[/header]
[header type=”5″]H5[/header]
[header type=”6″]H6[/header]
[header line=”twoLines”]two lines header[/header]
[/half_column]
[half_column]
[sourcecode language=”html”][[header type="4"]H4[/header]][/sourcecode]
[shortcode_params name=”header”]
[/half_column]
[/row]

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Blockquote[/header]
[/row]
[row]
[half_column]
[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]
[sourcecode language=”html”][[blockquote]Lorem…[/blockquote]][/sourcecode]
[shortcode_params name=”blockquote”]
[/half_column]
[/row]

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Dropcap[/header]
[/row]
[row]
[half_column]
[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]
[sourcecode language=”html”][[dropcap]Lorem…[/dropcap]][/sourcecode]
[shortcode_params name=”dropcap”]
[/half_column]
[/row]

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Highlight[/header]
[/row]
[row]
[half_column]
[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.
[/half_column]
[half_column]
[sourcecode language=”html”][[highlight style="3"]…[/highlight]][/sourcecode]
[shortcode_params name=”highlight”]
[/half_column]
[/row]

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Paragraph[/header]
[/row]
[row]
[half_column]
[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]
[sourcecode language=”html”][[paragraph]Lorem…[/paragraph]][/sourcecode]
[shortcode_params name=”paragraph”]
[/half_column]
[/row]

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Code[/header]
[/row]
[row]
[half_column]
[code]p {
color:#787878;
font-family: Arial;
font-size: 1em;
font-weight: normal;
padding-bottom:10px;
}[/code]
[/half_column]
[half_column]
[sourcecode language=”html”][[code]…[/code]][/sourcecode]
[shortcode_params name=”code”]
[/half_column]
[/row]

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

• 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

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

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

[/row]