Buttons & Social Icons

[spb_text_block title=”Standard Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”accent” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ACCENT BUTTON[/sf_button]

[sf_button colour=”blue” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]BLUE BUTTON[/sf_button]

[sf_button colour=”turquoise” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]TURQUOISE BUTTON[/sf_button]

[sf_button colour=”green” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]GREEN BUTTON[/sf_button]

[sf_button colour=”pink” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]PINK BUTTON[/sf_button]

[sf_button colour=”orange” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ORANGE BUTTON[/sf_button]

[sf_button colour=”gold” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]GOLD BUTTON[/sf_button]

[sf_button colour=”black” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]BLACK BUTTON[/sf_button]

[sf_button colour=”grey” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]GREY BUTTON[/sf_button]

[sf_button colour=”lightgrey” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]LIGHT GREY BUTTON[/sf_button]

[/spb_text_block] [spb_text_block title=”Standard Bordered Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”accent” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ACCENT BUTTON[/sf_button]

[sf_button colour=”blue” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]BLUE BUTTON[/sf_button]

[sf_button colour=”turquoise” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]TURQUOISE BUTTON[/sf_button]

[sf_button colour=”green” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]GREEN BUTTON[/sf_button]

[sf_button colour=”pink” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]PINK BUTTON[/sf_button]

[sf_button colour=”orange” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ORANGE BUTTON[/sf_button]

[sf_button colour=”gold” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]GOLD BUTTON[/sf_button]

[sf_button colour=”black” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]BLACK BUTTON[/sf_button]

[sf_button colour=”grey” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]GREY BUTTON[/sf_button]

[sf_button colour=”lightgrey” type=”bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]LIGHT GREY BUTTON[/sf_button]

[/spb_text_block] [spb_text_block title=”Rounded Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”accent” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED ACCENT[/sf_button]

[sf_button colour=”blue” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED BLUE[/sf_button]

[sf_button colour=”turquoise” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED TURQUOISE[/sf_button]

[sf_button colour=”green” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED GREEN[/sf_button]

[sf_button colour=”pink” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED PINK[/sf_button]

[sf_button colour=”orange” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED ORANGE[/sf_button]

[sf_button colour=”gold” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED GOLD[/sf_button]

[sf_button colour=”black” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED BLACK[/sf_button]

[sf_button colour=”grey” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED GREY[/sf_button]

[sf_button colour=”lightgrey” type=”rounded” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED LIGHT GREY[/sf_button]

[/spb_text_block] [spb_text_block title=”Rounded Bordered Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”accent” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=””]ROUNDED BORDERED[/sf_button]

[sf_button colour=”blue” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED BLUE[/sf_button]

[sf_button colour=”turquoise” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED TURQUOISE[/sf_button]

[sf_button colour=”green” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED GREEN[/sf_button]

[sf_button colour=”pink” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED PINK[/sf_button]

[sf_button colour=”orange” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED ORANGE[/sf_button]

[sf_button colour=”gold” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED GOLD[/sf_button]

[sf_button colour=”black” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED BLACK[/sf_button]

[sf_button colour=”grey” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED GREY[/sf_button]

[sf_button colour=”lightgrey” type=”rounded bordered” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]ROUNDED LIGHT GREY[/sf_button]

[/spb_text_block] [spb_text_block title=”Icon Reveal Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”accent” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]ACCENT COLOUR ICON REVEAL[/sf_button]

[sf_button colour=”blue” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”turquoise” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”green” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”pink” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”orange” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”gold” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”grey” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[sf_button colour=”lightgrey” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”fa-chevron-right” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button]

[/spb_text_block] [spb_text_block title=”Icon Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”accent” type=”sf-icon-stroke” size=”standard” link=”http://” target=”_self” icon=”fa-bolt” dropshadow=”no” extraclass=”ml0″]STROKE BUTTON & ICON[/sf_button]

[sf_button colour=”lightgrey” type=”sf-icon-stroke” size=”standard” link=”http://” target=”_self” icon=”fa-bolt” dropshadow=”no” extraclass=”ml0″]STROKE BUTTON & ICON[/sf_button]

[sf_button colour=”black” type=”sf-icon-stroke” size=”standard” link=”http://” target=”_self” icon=”fa-bolt” dropshadow=”no” extraclass=”ml0″]STROKE BUTTON & ICON[/sf_button]

[/spb_text_block] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Large Buttons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_button colour=”turquoise” type=”standard” size=”large” link=”http://” target=”_self” icon=”” dropshadow=”yes” extraclass=”ml0″]LARGE DROP SHADOW[/sf_button]

[sf_button colour=”accent” type=”standard” size=”large” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]LARGE STANDARD ACCENT[/sf_button]

[sf_button colour=”pink” type=”rounded” size=”large” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]LARGE STANDARD BUTTON[/sf_button]

[sf_button colour=”blue” type=”rounded bordered” size=”large” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]LARGE STANDARD BUTTON[/sf_button]

[sf_button colour=”transparent-dark” type=”stroke-to-fill” size=”large” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]LARGE STROKE TO FILL[/sf_button]

[sf_button colour=”lightgrey” type=”sf-icon-reveal” size=”large” link=”http://” target=”_self” icon=”fa-paper-plane” dropshadow=”no” extraclass=”ml0″]LARGE ICON REVEAL[/sf_button]

[sf_button colour=”black” type=”sf-icon-stroke” size=”large” link=”http://” target=”_self” icon=”fa-paper-plane” dropshadow=”no” extraclass=”ml0″]LARGE ICON[/sf_button]

[/spb_text_block] [spb_text_block title=”Social Icons” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[social]

[/spb_text_block] [spb_text_block title=”Social Icons Large” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[social size=”large”]

[/spb_text_block] [spb_text_block title=”Social share” animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

[sf_social_share]

[/spb_text_block]