[h2]BUTTONS AND TYPOGRAPHY[/h2] [row] [h3]Buttons[/h3] [/row] [row] [two_thirds_column] [button size=”small” link=”#” color=”default”]small[/button] [button size=”medium” link=”#” color=”default”]medium[/button] [button size=”big” link=”#” color=”default”]big[/button] [sourcecode language=”html”] [[button size="small" link="#" color="default"]small[/button]] [/sourcecode] [sourcecode language=”html”] [[button size="medium" link="#" color="default"]medium[/button]] [/sourcecode] [sourcecode language=”html”] [[button size="big" link="#" color="default"]big[/button]] [/sourcecode] [divider]
[button link=”#” color=”default”]default[/button]
[button link=”#” color=”gray”]gray[/button]
[button link=”#” color=”black”]black[/button]
[button link=”#” color=”blue”]blue[/button]
[button link=”#” color=”green”]green[/button]
[button link=”#” color=”red”]red[/button]
[button link=”#” color=”yellow”]yellow[/button]
[button link=”#” color=”orange”]orange[/button]
[button link=”#” color=”pink”]pink[/button]
[button link=”#” color=”magenta”]magenta[/button]
[sourcecode language=”html”]
[[button link="#" color="default"]default[/button]]
[/sourcecode]
[sourcecode language=”html”]
[[button link="#" color="gray"]gray[/button]]
[/sourcecode]
[/two_thirds_column]
[third_column]
[shortcode_params name=”button”]
[/third_column]
[/row]
[row]
[h3]Box[/h3]
[/row]
[row]
[half_column]
[box]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/box]
[/half_column]
[half_column]
[sourcecode language=”html”]
[[box]Lorem ipsum…[/box]]
[/sourcecode]
[shortcode_params name=”box”]
[/half_column]
[/row]
[row]
[h3]Paragraph[/h3]
[/row]
[row]
[half_column]
[paragraph]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/paragraph]
[/half_column]
[half_column]
[paragraph style=”2″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/paragraph]
[/half_column]
[/row]
[row]
[half_column]
[sourcecode language=”html”]
[[paragraph]Lorem ipsum…[/paragraph]]
[/sourcecode]
[shortcode_params name=”paragraph”]
[/half_column]
[half_column]
[sourcecode language=”html”]
[[paragraph style="2"]Lorem ipsum…[/paragraph]]
[/sourcecode]
[/half_column]
[/row]
[row]
[h3]Dropcap[/h3]
[/row]
[row]
[half_column]
[dropcap]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/dropcap]
[/half_column]
[half_column]
[sourcecode language=”html”]
[[dropcap]Lorem ipsum…[/dropcap]]
[/sourcecode]
[shortcode_params name=”dropcap”]
[/half_column]
[/row]
[row]
[h3]Headers[/h3]
[/row]
[row]
[full_column]
[h2]Header 2 text[/h2]
[/full_column]
[/row]
[row]
[full_column]
[sourcecode language=”html”]
[[h2]Header 2 text[/h2]] [/sourcecode] [shortcode_params name=”h2″] [/full_column] [/row] [row] [full_column] [h3]Header 3 text[/h3] [/full_column] [/row] [row] [full_column] [sourcecode language=”html”] [[h3]Header 3 text[/h3]]
[/sourcecode] [shortcode_params name=”h3″] [/full_column] [/row] [row] [h3]Divider[/h3] [/row] [row] [half_column] [divider] [/half_column] [half_column] [sourcecode language=”html”] [[divider]] [/sourcecode] [shortcode_params name=”divider”] [/half_column] [/row] [row] [h3]Highlight[/h3] [/row] [row] [half_column] [highlight style=”1″]Lorem ipsum dolor sit amet[/highlight] [highlight style=”2″]Lorem ipsum dolor sit amet[/highlight] [highlight style=”3″]Lorem ipsum dolor sit amet[/highlight] [/half_column] [half_column] [sourcecode language=”html”] [[highlight style="1"]Lorem ipsum…t[/highlight]] [/sourcecode] [sourcecode language=”html”] [[highlight style="2"]Lorem ipsum…[/highlight]] [/sourcecode] [sourcecode language=”html”] [[highlight style="3"]Lorem ipsum…[/highlight]] [/sourcecode] [shortcode_params name=”highlight”] [/half_column] [/row]