Buttons and typography

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

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

[button color=”1″]Btn style 1[/button]
[button color=”2″]Btn style 2[/button]
[button color=”3″]Btn style 3[/button]
[button color=”4″]Btn style 4[/button]
[button color=”5″]Btn style 5[/button]

[button color=”6″]Btn style 6[/button]
[button color=”7″]Btn style 7[/button]
[button color=”8″]Btn style 8[/button]
[button color=”9″]Btn style 9[/button]
[button color=”10″]Btn style 10[/button]

[button icon=”icon-wrench”]wrench[/button]
[button icon=”icon-inbox”]inbox[/button]
[button icon=”icon-envelope”]envelope[/button]
[/half_column]
[half_column]
[sourcecode language=”html”][[button size="large" color="success"]LARGE GREEN[/button]][/sourcecode]
[shortcode_params name=”button”]
[/half_column]
[/row]
[divider]
[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]
[divider]
[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]
[divider]
[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]
[divider]

[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]
[divider]

[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]
[divider]

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