Buttons and typography

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



[/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″]Header level 1[/header]
[header type=”2″]Header level 2[/header]
[header type=”3″]Header level 3[/header]
[header type=”4″]Header level 4[/header]
[header type=”5″]Header level 5[/header]
[header type=”6″]Header level 6[/header]
[/half_column]
[half_column]
[sourcecode language=”html”][[header type="4"]Header level 4[/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.[/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 amet[/highlight], consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh [highlight style=”2″]scelerisque porttitor id ut leo. Phasellus pretium[/highlight], leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. [highlight style=”3″]Morbi consequat velit eget augue porttitor vitae[/highlight] molestie diam rutrum.
[/half_column]
[half_column]
[sourcecode language=”html”][[highlight style="1"]Lorem…[/highlight]][/sourcecode]
[shortcode_params name=”highlight”]
[/half_column]
[/row]

[row topmargin=”true”]
[header type=”3″ line=”twoLines”]Code[/header]
[/row]
[row]
[half_column]
[code]
p {
color:#ff3100;
font-family: Signika;
font-size: 1.5em;
font-weight: normal;
padding-bottom:12px;
}
[/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]
[/third_column]
[third_column]
[/third_column]
[third_column]
[/third_column]
[/row]
[row]
[third_column]
[/third_column]
[third_column]
[/third_column]
[third_column]
[sourcecode language=”html”][list icon="icon-star"]…[/list][/sourcecode]
[shortcode_params name=”list”]
[/third_column]
[/row]


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

Table Header 1 Table Header 2 Table Header 3 Table 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]
[/full_column]
[/row]
[row]
[sourcecode language=”html”][[table]
<table>
<thead>…</thead>
<tbody>…</tbody>
</table>
[/table]][/sourcecode]
[shortcode_params name=”table”]

[/row]