{"id":884,"date":"2012-08-03T10:38:41","date_gmt":"2012-08-03T10:38:41","guid":{"rendered":"http:\/\/dev\/punch\/?page_id=884"},"modified":"2012-08-03T10:38:41","modified_gmt":"2012-08-03T10:38:41","slug":"buttons-social-icons","status":"publish","type":"page","link":"https:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/buttons-social-icons\/","title":{"rendered":"Buttons &#038; Social Icons"},"content":{"rendered":"[spb_text_block title=\u00bbStandard Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<a class=\"sf-button standard accent standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">ACCENT BUTTON<\/span><\/a>\n<a class=\"sf-button standard blue standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">BLUE BUTTON<\/span><\/a>\n<a class=\"sf-button standard turquoise standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">TURQUOISE BUTTON<\/span><\/a>\n<a class=\"sf-button standard green standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">GREEN BUTTON<\/span><\/a>\n<a class=\"sf-button standard pink standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">PINK BUTTON<\/span><\/a>\n<a class=\"sf-button standard orange standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">ORANGE BUTTON<\/span><\/a>\n<a class=\"sf-button standard gold standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">GOLD BUTTON<\/span><\/a>\n<a class=\"sf-button standard black standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">BLACK BUTTON<\/span><\/a>\n<a class=\"sf-button standard grey standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">GREY BUTTON<\/span><\/a>\n<a class=\"sf-button standard lightgrey standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">LIGHT GREY BUTTON<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbIcon Reveal Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<a class=\"sf-button standard accent sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-key\"><\/i><span class=\"text\">ACCENT COLOUR ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard blue sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-chat\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard turquoise sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-download\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard green sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-like\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard pink sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-raisedhand\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard orange sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-clock\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard gold sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-navigateright\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard grey sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-piechart\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n<a class=\"sf-button standard lightgrey sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-location\"><\/i><span class=\"text\">COLOURED ICON REVEAL<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbIcon Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<a class=\"sf-button standard accent sf-icon-stroke ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-pixels\"><\/i><span class=\"text\">STROKE BUTTON &amp; ICON<\/span><\/a>\n<a class=\"sf-button standard lightgrey sf-icon-stroke ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-man\"><\/i><span class=\"text\">STROKE BUTTON &amp; ICON<\/span><\/a>\n<a class=\"sf-button standard white sf-icon-stroke ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-plates\"><\/i><span class=\"text\">STROKE BUTTON &amp; ICON<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [boxed_content title=\u00bbButtons for dark backgrounds\u00bb type=\u00bbcoloured\u00bb pb_margin_bottom=\u00bbno\u00bb width=\u00bb2\/3&#8243; el_position=\u00bbfirst\u00bb]\n<a class=\"sf-button standard white standard \" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">STANDARD WHITE BUTTON<\/span><\/a>\n<a class=\"sf-button standard transparent-light standard \" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">TRANSPARENT LIGHT<\/span><\/a>\n[\/boxed_content] [spb_text_block title=\u00bbStroke-to-fill\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/3&#8243; el_position=\u00bblast\u00bb]\n<a class=\"sf-button standard transparent-dark stroke-to-fill ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">DARK STROKE TO FILL<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbLarge Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<a class=\"sf-button large turquoise standard ml0 dropshadow\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">LARGE DROP SHADOW<\/span><\/a>\n<a class=\"sf-button large accent standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">LARGE STANDARD ACCENT<\/span><\/a>\n<a class=\"sf-button large pink standard ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">LARGE STANDARD BUTTON<\/span><\/a>\n<a class=\"sf-button large transparent-dark stroke-to-fill ml0\" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">LARGE STROKE TO FILL<\/span><\/a>\n<a class=\"sf-button large lightgrey sf-icon-reveal ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-link\"><\/i><span class=\"text\">LARGE ICON REVEAL<\/span><\/a>\n<a class=\"sf-button large white sf-icon-stroke ml0\" href=\"http:\/\/\" target=\"_self\"><i class=\"ss-rain\"><\/i><span class=\"text\">LARGE ICON<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbFull-screen Video Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<div class=\"two_third\">\n<p>Image with icon overlay.<\/p>\n<p><a href=\"#\" class=\"fw-video-link fw-video-link-image \" data-video=\"\"><i class=\"ss-play\"><\/i><img src=\"http:\/\/dante.swiftideas.net\/wp-content\/uploads\/2012\/08\/Dante_video_still.jpg\" alt=\"\" \/><\/a><\/p>\n<\/div>\n<div class=\"one_third last\">\n<p>Text button.<\/p>\n<p><a href=\"#\" class=\"fw-video-link fw-video-link-text sf-button sf-icon-stroke accent ml0\" data-video=\"\"><i class=\"ss-play\"><\/i><span class=\"text\">PLAY THE VIDEO<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Icon only.<\/p>\n<p><a href=\"#\" class=\"fw-video-link fw-video-link-icon ml0\" data-video=\"\"><i class=\"ss-play\"><\/i><\/a><\/p>\n<\/div><div class=\"clearboth\"><\/div>\n[\/spb_text_block] [blank_spacer height=\u00bb50px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbSocial Icons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<ul class=\"social-icons standard \">\n<\/ul>\n\n[\/spb_text_block] [blank_spacer height=\u00bb20px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbSocial Icons Large\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<ul class=\"social-icons large \">\n<\/ul>\n\n[\/spb_text_block] [blank_spacer height=\u00bb20px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbSocial share\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<div class=\"share-links curved-bar-styling clearfix\"><div class=\"share-text\">Share this:<\/div><ul class=\"social-icons\"><li class=\"facebook\"><a href=\"http:\/\/www.facebook.com\/sharer.php?u=https:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/buttons-social-icons\/\" class=\"post_share_facebook\" onclick=\"javascript:window.open(this.href,\n\t\t\t      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=220,width=600');return false;\"><i class=\"fab fa-facebook\"><\/i><i class=\"fab fa-facebook\"><\/i><\/a><\/li><li class=\"twitter\"><a href=\"https:\/\/twitter.com\/share?url=https:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/buttons-social-icons\/\" onclick=\"javascript:window.open(this.href,\n\t\t\t      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=260,width=600');return false;\" class=\"product_share_twitter\"><i class=\"fab fa-twitter\"><\/i><i class=\"fab fa-twitter\"><\/i><\/a><\/li>  <li class=\"googleplus\"><a href=\"https:\/\/plus.google.com\/share?url=https:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/buttons-social-icons\/\" onclick=\"javascript:window.open(this.href,\n\t\t\t      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;\"><i class=\"fab fa-google-plus\"><\/i><i class=\"fab fa-google-plus\"><\/i><\/a><\/li><li class=\"pinterest\"><a href=\"http:\/\/pinterest.com\/pin\/create\/button\/?url=https:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/buttons-social-icons\/&media=&description=Buttons &#038; Social Icons\" onclick=\"javascript:window.open(this.href,\n\t\t  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=320,width=600');return false;\"><i class=\"fab fa-pinterest\"><\/i><i class=\"fab fa-pinterest\"><\/i><\/a><\/li><li class=\"mail\"><a href=\"mailto:?subject=Buttons+%26%23038%3B+Social+Icons&body=[spb_text_block title=\u00bbStandard Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbIcon Reveal Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbIcon Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [boxed_content title=\u00bbButtons for dark backgrounds\u00bb type=\u00bbcoloured\u00bb pb_margin_bottom=\u00bbno\u00bb width=\u00bb2\/3&#8243; el_position=\u00bbfirst\u00bb] [\/boxed_content] [spb_text_block title=\u00bbStroke-to-fill\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/3&#8243; el_position=\u00bblast\u00bb] [\/spb_text_block] [&hellip;] https:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/buttons-social-icons\/\" class=\"product_share_email\"><i class=\"ss-mail\"><\/i><i class=\"ss-mail\"><\/i><\/a><\/li><\/ul><\/div>\n[\/spb_text_block] [blank_spacer height=\u00bb50px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n","protected":false},"excerpt":{"rendered":"<p>[spb_text_block title=\u00bbStandard Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbIcon Reveal Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [spb_text_block title=\u00bbIcon Buttons\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block] [blank_spacer height=\u00bb30px\u00bb width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [boxed_content title=\u00bbButtons for dark backgrounds\u00bb type=\u00bbcoloured\u00bb pb_margin_bottom=\u00bbno\u00bb width=\u00bb2\/3&#8243; el_position=\u00bbfirst\u00bb] [\/boxed_content] [spb_text_block title=\u00bbStroke-to-fill\u00bb pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb width=\u00bb1\/3&#8243; el_position=\u00bblast\u00bb] [\/spb_text_block] [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":8303,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages\/884"}],"collection":[{"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":0,"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages\/884\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages\/8303"}],"wp:attachment":[{"href":"https:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/media?parent=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}