Buttons

[spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Standard Square Buttons

[/spb_text_block] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »standard » size= »small » link= »# » target= »_self]Small Button[/button]
[button colour= »accent » type= »standard » size= »medium » link= »# » target= »_self]Medium button[/button]
[button colour= »accent » type= »standard » size= »large » link= »# » target= »_self]Large button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »standard » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »accent » type= »standard » size= »medium » link= »# » target= »_self]Medium button[/button]]
[[button colour= »accent » type= »standard » size= »large » link= »# » target= »_self]Large button[/button]]

[/codesnippet] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Square Buttons with arrows

[/spb_text_block] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »squarearrow » size= »small » link= »# » target= »_self]Small Button[/button]
[button colour= »accent » type= »squarearrow » size= »medium » link= »# » target= »_self]Medium button[/button]
[button colour= »accent » type= »squarearrow » size= »large » link= »# » target= »_self]Large button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »squarearrow » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »accent » type= »squarearrow » size= »medium » link= »# » target= »_self]Medium button[/button]]
[[button colour= »accent » type= »squarearrow » size= »large » link= »# » target= »_self]Large button[/button]]

[/codesnippet] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Slightly Rounded Buttons

[/spb_text_block] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »slightlyrounded » size= »small » link= »# » target= »_self]Small Button[/button]
[button colour= »accent » type= »slightlyrounded » size= »medium » link= »# » target= »_self]Medium button[/button]
[button colour= »accent » type= »slightlyrounded » size= »large » link= »# » target= »_self]Large button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »slightlyrounded » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »accent » type= »slightlyrounded » size= »medium » link= »# » target= »_self]Medium button[/button]]
[[button colour= »accent » type= »slightlyrounded » size= »large » link= »# » target= »_self]Large button[/button]]

[/codesnippet] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Slightly Rounded Buttons with arrows

[/spb_text_block] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small Button[/button]
[button colour= »accent » type= »slightlyroundedarrow » size= »medium » link= »# » target= »_self]Medium button[/button]
[button colour= »accent » type= »slightlyroundedarrow » size= »large » link= »# » target= »_self]Large button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »accent » type= »slightlyroundedarrow » size= »medium » link= »# » target= »_self]Medium button[/button]]
[[button colour= »accent » type= »slightlyroundedarrow » size= »large » link= »# » target= »_self]Large button[/button]]

[/codesnippet] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Rounded Buttons

[/spb_text_block] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »rounded » size= »small » link= »# » target= »_self]Small Button[/button]
[button colour= »accent » type= »rounded » size= »medium » link= »# » target= »_self]Medium button[/button]
[button colour= »accent » type= »rounded » size= »large » link= »# » target= »_self]Large button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »rounded » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »accent » type= »rounded » size= »medium » link= »# » target= »_self]Medium button[/button]]
[[button colour= »accent » type= »rounded » size= »large » link= »# » target= »_self]Large button[/button]]

[/codesnippet] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Rounded Buttons with arrows

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »first last »]

[[button colour= »accent » type= »roundedarrow » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »accent » type= »roundedarrow » size= »medium » link= »# » target= »_self]Medium button[/button]]
[[button colour= »accent » type= »roundedarrow » size= »large » link= »# » target= »_self]Large button[/button]]

[/codesnippet] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Coloured Buttons with arrows

[/spb_text_block] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

[button colour= »black » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small Button[/button]
[button colour= »grey » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »lightgrey » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »purple » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »lightblue » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »turquoise » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »green » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »limegreen » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »orange » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]
[button colour= »pink » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »1/1″ el_position= »first last »]

[[button colour= »black » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small Button[/button]]
[[button colour= »grey » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »lightgrey » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »purple » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »lightblue » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »turquoise » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »green » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »limegreen » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »orange » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]
[[button colour= »pink » type= »slightlyroundedarrow » size= »small » link= »# » target= »_self]Small button[/button]]

[/codesnippet] [blank_spacer height= »20px » width= »1/1″ el_position= »first last »] [divider type= »dotted » text= »Go to top » full_width= »no » width= »1/1″ el_position= »first last »] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Button effects

[/spb_text_block] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »outerglow » size= »small » link= »# » target= »_self]Outer Glow Effect Button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »outerglow » size= »small » link= »# » target= »_self]Outer Glow Effect Button[/button]]

[/codesnippet] [spb_text_block pb_margin_bottom= »yes » pb_border_bottom= »no » width= »1/3″ el_position= »first »]

[button colour= »accent » type= »dropshadow » size= »small » link= »# » target= »_self]Drop Shadow Effect Button[/button]

[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »2/3″ el_position= »last »]

[[button colour= »accent » type= »dropshadow » size= »small » link= »# » target= »_self]Drop Shadow Effect Button[/button]]

[/codesnippet] [blank_spacer height= »50px » width= »1/1″ el_position= »first last »]