Buttons and typography

Button

small medium large
block
Btn style 1 Btn style 2 Btn style 3 Btn style 4 Btn style 5

Btn style 6 Btn style 7 Btn style 8 Btn style 9 Btn style 10
wrench inbox envelope

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

Header

Header level 1

Header level 2

Header level 3

Header level 4

Header level 5

Header level 6

[sourcecode language=“html“][header type="4"]Header level 4[/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.

[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

[sourcecode language=“html“][highlight style="1"]Lorem…[/highlight][/sourcecode] [shortcode_params name=“highlight“]

Code

							
							
p {

    color:#ff3100;

    font-family: Signika;

    font-size: 1.5em;

    font-weight: normal;

    padding-bottom:12px;

}

[sourcecode language=“html“][code]…[/code][/sourcecode] [shortcode_params name=“code“]

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 icon="icon-star"]…[/list][/sourcecode] [shortcode_params name=“list“]

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

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