Buttons & Social Icons

[spb_text_block title=”Standard Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” 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] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Icon Reveal Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”] [sf_button colour=”accent” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-key” 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=”ss-chat” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”turquoise” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-download” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”green” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-like” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”pink” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-raisedhand” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”orange” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-clock” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”gold” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-navigateright” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”grey” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-piechart” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [sf_button colour=”lightgrey” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-location” dropshadow=”no” extraclass=”ml0″]COLOURED ICON REVEAL[/sf_button] [/spb_text_block] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Icon Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”] [sf_button colour=”accent” type=”sf-icon-stroke” size=”standard” link=”http://” target=”_self” icon=”ss-pixels” dropshadow=”no” extraclass=”ml0″]STROKE BUTTON & ICON[/sf_button] [sf_button colour=”lightgrey” type=”sf-icon-stroke” size=”standard” link=”http://” target=”_self” icon=”ss-man” dropshadow=”no” extraclass=”ml0″]STROKE BUTTON & ICON[/sf_button] [sf_button colour=”white” type=”sf-icon-stroke” size=”standard” link=”http://” target=”_self” icon=”ss-plates” dropshadow=”no” extraclass=”ml0″]STROKE BUTTON & ICON[/sf_button] [/spb_text_block] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [boxed_content title=”Buttons for dark backgrounds” type=”coloured” pb_margin_bottom=”no” width=”2/3″ el_position=”first”] [sf_button colour=”white” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=””]STANDARD WHITE BUTTON[/sf_button] [sf_button colour=”transparent-light” type=”standard” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”” extraclass=””]TRANSPARENT LIGHT[/sf_button] [/boxed_content] [spb_text_block title=”Stroke-to-fill” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/3″ el_position=”last”] [sf_button colour=”transparent-dark” type=”stroke-to-fill” size=”standard” link=”http://” target=”_self” icon=”” dropshadow=”no” extraclass=”ml0″]DARK STROKE TO FILL[/sf_button] [/spb_text_block] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Large Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” 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=”standard” 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=”ss-link” dropshadow=”no” extraclass=”ml0″]LARGE ICON REVEAL[/sf_button] [sf_button colour=”white” type=”sf-icon-stroke” size=”large” link=”http://” target=”_self” icon=”ss-rain” dropshadow=”no” extraclass=”ml0″]LARGE ICON[/sf_button] [/spb_text_block] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Full-screen Video Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”] [two_third] Image with icon overlay. [sf_fullscreenvideo type=”image-button” btntext=”” imageurl=”http://dante.swiftideas.net/wp-content/uploads/2012/08/Dante_video_still.jpg” videourl=”https://vimeo.com/36176127″] [/two_third] [one_third_last] Text button. [sf_fullscreenvideo type=”text-button” btntext=”PLAY THE VIDEO” imageurl=”” videourl=”https://vimeo.com/36176127″ extraclass=”ml0″]   Icon only. [sf_fullscreenvideo type=”icon-button” btntext=”” imageurl=”” videourl=”https://vimeo.com/36176127″ extraclass=”ml0″] [/one_third_last] [/spb_text_block] [blank_spacer height=”50px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Social Icons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”] [social] [/spb_text_block] [blank_spacer height=”20px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Social Icons Large” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”] [social size=”large”] [/spb_text_block] [blank_spacer height=”20px” width=”1/1″ el_position=”first last”] [spb_text_block title=”Social share” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”] [sf_social_share] [/spb_text_block] [blank_spacer height=”50px” width=”1/1″ el_position=”first last”]