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”]

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″]

[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”]

  • 售前咨询

    点击这里给我发消息
  • 售前咨询

    点击这里给我发消息
//]]>