{"id":272,"date":"2014-05-04T09:16:32","date_gmt":"2014-05-04T09:16:32","guid":{"rendered":"http:\/\/stopdesign.cn\/codecanyon\/vc-extensions\/?page_id=272"},"modified":"2016-03-13T16:05:42","modified_gmt":"2016-03-13T16:05:42","slug":"profile-card","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/profile-card\/","title":{"rendered":"Profile Card"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1457885105749{padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class = \"profilecard-container \" style=\"width:240px;height:168px;\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/2381995332_912121fcda_b_d-480x336.jpg\" data-width=\"240\" data-height=\"168\" data-color=\"#0066FF\" data-opacity=\"0.8\" data-margin=\"20px 0 0 15px\" data-trigger=\"click\" data-iconvisible=\"on\"  data-tooltipposition=\"top\"><div class = \"profilecard-cover bottom1\"><\/div>\n                        <div class = \"profilecard-cover bottom2\"><span><\/span><\/div><div class = \"profilecard-controlsbottom\"><a href=\"http:\/\/twitter.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-twitter \" title=\"Follow me on twitter\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/dribbble.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-dribbble \" title=\"Dribbble\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/facebook.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-facebook-square \" title=\"Facebook\" data-color=\"\"><\/i><\/a><a href=\"https:\/\/plus.google.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-google-plus-square \" title=\"Google Plus\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-smile-o \" title=\"I'm happy\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-search \" title=\"Open my profile\" data-color=\"\"><\/i><\/a><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class = \"profilecard-container \" style=\"width:240px;height:168px;\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/4943847618_054952a12a_b_d-480x336.jpg\" data-width=\"240\" data-height=\"168\" data-color=\"#0066FF\" data-opacity=\"0.8\" data-margin=\"8px 0 0 15px\" data-trigger=\"click\" data-iconvisible=\"off\"  data-tooltipposition=\"right\"><div class = \"profilecard-cover right1\"><\/div>\n                        <div class = \"profilecard-cover right2\"><span><\/span><\/div><div class = \"profilecard-controlsright\"><i class=\"profilecard-icon fa fa-twitter \" title=\"Trigger by click\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-dribbble \" title=\"Dribbble\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-facebook-square \" title=\"Facebook\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-google-plus-square \" title=\"Google Plus\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-chain \" title=\"I'm happy\" data-color=\"\"><\/i><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457885115629{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class = \"profilecard-container \" style=\"width:300px;height:240px;\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/5101510772_b44fd3cf17_b_d-600x480.jpg\" data-width=\"300\" data-height=\"240\" data-color=\"#0066FF\" data-opacity=\"0.8\" data-margin=\"16px 0 0 15px\" data-trigger=\"click\" data-iconvisible=\"on\"  data-tooltipposition=\"top\"><div class = \"profilecard-cover top1\"><span><\/span><\/div>\n                        <div class = \"profilecard-cover top2\"><\/div><div class = \"profilecard-controlstop\"><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-share-square \" title=\"Visit my profile\" data-color=\"#0066FF\"><\/i><\/a><a href=\"http:\/\/twitter.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-twitter \" title=\"Follow me on twitter\" data-color=\"#00ACED\"><\/i><\/a><a href=\"http:\/\/dribbble.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-dribbble \" title=\"Dribbble\" data-color=\"#E14782\"><\/i><\/a><a href=\"http:\/\/facebook.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-facebook-square \" title=\"Facebook\" data-color=\"#3B5998\"><\/i><\/a><a href=\"https:\/\/plus.google.com\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-google-plus-square \" title=\"Google Plus\" data-color=\"#E14107\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-thumbs-up \" title=\"No tooltip on right icon\" data-color=\"#6A5ACD\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-video-camera \" title=\"\" data-color=\"\"><\/i><\/a><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class = \"profilecard-container \" style=\"width:300px;height:240px;\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/5058177635_b8154d3b5a_b_d-600x480.jpg\" data-width=\"300\" data-height=\"240\" data-color=\"#0066FF\" data-opacity=\"0.8\" data-margin=\"10px 0 0 15px\" data-trigger=\"click\" data-iconvisible=\"on\"  data-tooltipposition=\"left\"><div class = \"profilecard-cover left1\"><span><\/span><\/div>\n                        <div class = \"profilecard-cover left2\"><\/div><div class = \"profilecard-controlsleft\"><i class=\"profilecard-icon fa fa-twitter \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-dribbble \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-facebook-square \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-google-plus-square \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-smile-o \" title=\"\" data-color=\"\"><\/i><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Available options:<\/p>\n<ol>\n<li>Choose to display the icons when user click or mouseover.<\/li>\n<li>Icon (all the <a title=\"icons\" href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\" target=\"_blank\">Font Awesome icons<\/a> are available), icon color, icon link, icon tooltip, icon margin.<\/li>\n<li>Icon display position: top, bottom, left or right.<\/li>\n<li>Tooltip position: top, bottom, left or right.<\/li>\n<li>How to open the icon link, _self or _blank.<\/li>\n<li>Custom class for the thumbnail and icon.<\/li>\n<li>And more&#8230;<\/li>\n<\/ol>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457885139806{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class = \"profilecard-container \" style=\"width:320px;height:240px;\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/03\/2730997858_081d15d8e5_o_d-640x480.jpg\" data-width=\"320\" data-height=\"240\" data-color=\"#0066FF\" data-opacity=\"0.8\" data-margin=\"20px 0 0 15px\" data-trigger=\"click\" data-iconvisible=\"off\"  data-tooltipposition=\"bottom\"><div class = \"profilecard-cover bottom1\"><\/div>\n                        <div class = \"profilecard-cover bottom2\"><span><\/span><\/div><div class = \"profilecard-controlsbottom\"><a href=\"http:\/\/codecanyon.net\/user\/sike\/portfolio?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-camera \" title=\"Hello Camera\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-bell \" title=\"Bell ring\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike\/portfolio?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-heart \" title=\"Follow your heart\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-cloud \" title=\"Cloudy\" data-color=\"\"><\/i><\/a><a href=\"http:\/\/codecanyon.net\/user\/sike\/portfolio?ref=sike\" target=\"_self\" class=\"profilecard-icon-link\"><i class=\"profilecard-icon fa fa-comments \" title=\"Visit my profile\" data-color=\"\"><\/i><\/a><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class = \"profilecard-container \" style=\"width:320px;height:240px;\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/6552737771_7f3e937bd4_b_d-640x480.jpg\" data-width=\"320\" data-height=\"240\" data-color=\"#6a5acd\" data-opacity=\"0.8\" data-margin=\"8px 0 0 15px\" data-trigger=\"click\" data-iconvisible=\"on\"  data-tooltipposition=\"right\"><div class = \"profilecard-cover right1\"><\/div>\n                        <div class = \"profilecard-cover right2\"><span><\/span><\/div><div class = \"profilecard-controlsright\"><i class=\"profilecard-icon fa fa-twitter \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-dribbble \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-facebook-square \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-google-plus-square \" title=\"\" data-color=\"\"><\/i><i class=\"profilecard-icon fa fa-smile-o \" title=\"\" data-color=\"\"><\/i><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Great shots from <a href=\"http:\/\/www.flickr.com\/photos\/markjsebastian\/\" target=\"_blank\">markjsebastian<\/a>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1457885105749{padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457885115629{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Available options: Choose to display the icons when user click or mouseover. Icon (all the Font Awesome icons are available), icon color, icon link, icon tooltip, icon margin. Icon display position: top, bottom, left or right. Tooltip position: top, bottom, left or right. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/272"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":1,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/272\/revisions"}],"predecessor-version":[{"id":2333,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/272\/revisions\/2333"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}