{"id":1451,"date":"2015-02-08T05:22:08","date_gmt":"2015-02-08T05:22:08","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=1451"},"modified":"2016-12-14T15:31:48","modified_gmt":"2016-12-14T15:31:48","slug":"flip-box","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/flip-box\/","title":{"rendered":"Flip Box"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457879139129{padding-top: 60px !important;padding-bottom: 100px !important;background-color: #f2f6fd !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#656D78\" data-backbg=\"#434A54\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"#333333\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/03\/field-flower-meadow-3948-4.jpg\" data-avatartype=\"none\" data-backfullimage=\"\" data-backavatar=\"image\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/03\/field-flower-meadow-3948-4-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-cardavatar \" alt=\"\" \/><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"#AC92EC\" data-backbg=\"#967ADC\" data-fontcolor=\"\" data-face1=\"cq-flipbox-front\" data-face2=\"cq-flipbox-back\" data-flipdirection=\"rightleft\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"#3d3d3d\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"#ffffff\" data-iconbg=\"#967adc\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/06\/giftly.png\" data-avatartype=\"icon\" data-backfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b.jpg\" data-backavatar=\"none\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><i class=\"cq-flipbox-avatar  entypo-icon entypo-icon-link\"><\/i><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Fixed icon and full size background <\/h4>Full size background image option give more flexibility to display cards.<\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#656D78\" data-backbg=\"#434A54\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"#ffffff\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"#ffffff\" data-iconbg=\"#5d9cec\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"#0084b4\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/06\/purty_wood.png\" data-avatartype=\"image\" data-backfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/03\/field-flower-meadow-3948-4.jpg\" data-backavatar=\"icon\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-cardavatar \" alt=\"\" \/><h4 class=\"cq-flipbox-title\">Circle image and full size background<\/h4>The whole element support a link<\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><i class=\"cq-flipbox-cardavatar  entypo-icon entypo-icon-twitter\"><\/i><h4 class=\"cq-flipbox-title\">Follow me on Twitter<\/h4><div class=\"cq-flipbox-button-container\"><a href=\"http:\/\/twitter.com\/flashstack\" title=\"Follow me\" target=\"\" class=\"cq-flipbox-buttonlink\"><span class=\"cq-flipbox-button\">Follow<\/span><\/a><\/div><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; parallax=&#8221;content-moving&#8221; parallax_image=&#8221;2468&#8243; css=&#8221;.vc_custom_1458627636523{padding-top: 120px !important;padding-bottom: 180px !important;background-color: #3d284b !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#CCD1D9\" data-backbg=\"#AAB2BD\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"#333333\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"none\" data-backfullimage=\"\" data-backavatar=\"none\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Text only<\/h4>The Flip Box support Icon, Image or Text only. <\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Avatar option<\/h4><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"#ED5565\" data-backbg=\"#DA4453\" data-fontcolor=\"\" data-face1=\"cq-flipbox-front\" data-face2=\"cq-flipbox-back\" data-flipdirection=\"rightleft\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"#333333\" data-iconbg=\"#efefef\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"icon\" data-backfullimage=\"\" data-backavatar=\"none\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><i class=\"cq-flipbox-avatar  vc_li vc_li-location\"><\/i><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">I'm a icon fixed on the top<\/h4>The whole element support a link<\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#FC6E51\" data-backbg=\"#E9573F\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"#e14782\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"image\" data-backfullimage=\"\" data-backavatar=\"none\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-avatar \" alt=\"\" \/><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">I'm a image avatar on the top<\/h4>The whole element support a link<\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><div class=\"cq-flipbox-button-container\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-buttonlink\"><span class=\"cq-flipbox-button\">See My Dribbble<\/span><\/a><\/div><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1458627690452{padding-top: 80px !important;padding-bottom: 140px !important;background-color: #f2f6fd !important;}&#8221; video_opts=&#8221;&#8221; multi_color_overlay=&#8221;&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#A0D468\" data-backbg=\"#8CC152\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"220px\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"1.2em\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"#ffffff\" data-iconbg=\"#00aced\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"image\" data-backfullimage=\"\" data-backavatar=\"icon\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-cardavatar \" alt=\"\" \/><h4 class=\"cq-flipbox-title\">Now avatar on both side<\/h4>The front and back side both support image or icon.<\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><i class=\"cq-flipbox-cardavatar  entypo-icon entypo-icon-twitter\"><\/i><h4 class=\"cq-flipbox-title\">Built-in color option with custom color support<\/h4><div class=\"cq-flipbox-button-container\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-buttonlink\"><span class=\"cq-flipbox-button\">Follow Me<\/span><\/a><\/div><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#FFCE54\" data-backbg=\"#F6BB42\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"220px\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"#6b6b6b\" data-backbuttonhoverbg=\"#000000\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_6640b.jpg\" data-avatartype=\"none\" data-backfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b.jpg\" data-backavatar=\"none\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"#48CFAD\" data-backbg=\"#37BC9B\" data-fontcolor=\"\" data-face1=\"cq-flipbox-front\" data-face2=\"cq-flipbox-back\" data-flipdirection=\"rightleft\" data-elementheight=\"220px\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"#663399\" data-backbuttonhoverbg=\"#8224e3\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"icon\" data-backfullimage=\"\" data-backavatar=\"image\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><i class=\"cq-flipbox-cardavatar  vc_li vc_li-heart\"><\/i><h4 class=\"cq-flipbox-title\">Follow your heart<\/h4><\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-cardavatar \" alt=\"\" \/><h4 class=\"cq-flipbox-title\">Yet another back side here<\/h4><div class=\"cq-flipbox-button-container\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-buttonlink\"><span class=\"cq-flipbox-button\">Hello There<\/span><\/a><\/div><\/div><\/div><\/div><\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1458627711561{padding-top: 104px !important;padding-bottom: 154px !important;background-color: #222f46 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"#EC87C0\" data-backbg=\"#D770AD\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"270px\" data-avatarsize=\"120\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/bsrOzgDkQhGRKOVC7Era_9X6A3584.jpg\" data-avatartype=\"none\" data-backfullimage=\"\" data-backavatar=\"image\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/bsrOzgDkQhGRKOVC7Era_9X6A3584-240x240.jpg\" width=\"120\" height=\"120\" class=\"cq-flipbox-cardavatar \" alt=\"\" \/><h4 class=\"cq-flipbox-title\">Stephen Crawford<\/h4><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"#AC92EC\" data-backbg=\"#967ADC\" data-fontcolor=\"\" data-face1=\"cq-flipbox-front\" data-face2=\"cq-flipbox-back\" data-flipdirection=\"rightleft\" data-elementheight=\"270px\" data-avatarsize=\"120\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"\" data-avatartype=\"image\" data-backfullimage=\"\" data-backavatar=\"none\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/bsrOzgDkQhGRKOVC7Era_9X6A3584-240x240.jpg\" width=\"120\" height=\"120\" class=\"cq-flipbox-avatar \" alt=\"\" \/><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Avatar in different size<\/h4>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Hello Back<\/h4><\/div><\/div><\/div><\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457879167575{padding-top: 100px !important;padding-bottom: 140px !important;background-color: #a0d468 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"\" data-backbg=\"\" data-fontcolor=\"\" data-face1=\"cq-flipbox-front\" data-face2=\"cq-flipbox-back\" data-flipdirection=\"rightleft\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"dashed\" data-cardbordersize=\"2px\" data-bordercolor=\"#ffffff\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"image\" data-backfullimage=\"\" data-backavatar=\"image\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/GtJALYqlRDiojsfBMQRa_373A1071-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-cardavatar cq-noshadow\" alt=\"\" \/><h4 class=\"cq-flipbox-title\">Hello There<\/h4>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/photo-1415226161018-3ec581fa733d-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-cardavatar cq-noshadow\" alt=\"\" \/><h4 class=\"cq-flipbox-title\">Hello Back<\/h4><\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space][vc_column_text]<\/p>\n<h3><span style=\"color: #ffffff; font-size: 1.6em;\">Optional link for whole element<\/span><\/h3>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457879180537{padding-top: 200px !important;padding-bottom: 240px !important;background-color: #656d78 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_empty_space][vc_column_text]<\/p>\n<h3><span style=\"color: #ffffff; font-size: 1.6em;\">Optional border for the element<\/span><\/h3>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"\" data-backbg=\"\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"#ffffff\" data-iconbg=\"#ed5565\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"solid\" data-cardbordersize=\"\" data-bordercolor=\"#ffffff\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"\" data-avatartype=\"icon\" data-backfullimage=\"\" data-backavatar=\"icon\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><i class=\"cq-flipbox-cardavatar cq-noshadow entypo-icon entypo-icon-users\"><\/i><h4 class=\"cq-flipbox-title\">Support Icon Picker in 4.4+<\/h4>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><i class=\"cq-flipbox-cardavatar cq-noshadow vc_li vc_li-food\"><\/i><h4 class=\"cq-flipbox-title\">Icon Picker<\/h4><\/div><\/div><\/div><\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457879188758{padding-top: 240px !important;padding-bottom: 240px !important;background-color: #a0cecb !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][vc_empty_space][vc_column_text]<\/p>\n<h3><span style=\"color: #ffffff; font-size: 1.6em;\">Hello Flip Box Demo<\/span><\/h3>\n<p><span style=\"color: #ffffff;\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-bottomtop\" data-frontbg=\"\" data-backbg=\"\" data-fontcolor=\"\" data-face1=\"cq-flipbox-left\" data-face2=\"cq-flipbox-right\" data-flipdirection=\"bottomtop\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"#ac92ec\" data-iconbg=\"#ffffff\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"dotted\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"\" data-avatartype=\"icon\" data-backfullimage=\"\" data-backavatar=\"none\"><a href=\"http:\/\/stopdesign.cn\/demo\/flip-box\/\" title=\"Flip Box\" target=\"\" class=\"cq-flipbox-link\"><i class=\"cq-flipbox-avatar cq-noshadow vc_li vc_li-bulb\"><\/i><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-left\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Support Icon Picker in 4.4+<\/h4>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-right\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Icon Picker<\/h4><\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"\" data-backbg=\"\" data-fontcolor=\"\" data-face1=\"cq-flipbox-front\" data-face2=\"cq-flipbox-back\" data-flipdirection=\"rightleft\" data-elementheight=\"\" data-avatarsize=\"80\" data-frontcontentcolor=\"\" data-backcontentcolor=\"\" data-titlesize=\"\" data-contentsize=\"\" data-contentwidth=\"\" data-iconcolor=\"\" data-iconbg=\"\" data-elementmargin=\"\" data-elementwidth=\"\" data-cardborder=\"solid\" data-cardbordersize=\"\" data-bordercolor=\"#ffffff\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"12px\" data-cardshape=\"\" data-frontfullimage=\"\" data-avatartype=\"image\" data-backfullimage=\"\" data-backavatar=\"none\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/GtJALYqlRDiojsfBMQRa_373A1071-160x160.jpg\" width=\"80\" height=\"80\" class=\"cq-flipbox-avatar \" alt=\"\" \/><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Fix image on the top<\/h4>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Icon Picker<\/h4><div class=\"cq-flipbox-button-container\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"download\" target=\"\" class=\"cq-flipbox-buttonlink\"><span class=\"cq-flipbox-button\">Buy Now<\/span><\/a><\/div><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457879139129{padding-top: 60px !important;padding-bottom: 100px !important;background-color: #f2f6fd !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; parallax=&#8221;content-moving&#8221; parallax_image=&#8221;2468&#8243; css=&#8221;.vc_custom_1458627636523{padding-top: 120px !important;padding-bottom: 180px !important;background-color: #3d284b !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1458627690452{padding-top: 80px !important;padding-bottom: 140px !important;background-color: #f2f6fd !important;}&#8221; video_opts=&#8221;&#8221; multi_color_overlay=&#8221;&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1458627711561{padding-top: 104px !important;padding-bottom: 154px !important;background-color: #222f46 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457879167575{padding-top: 100px !important;padding-bottom: 140px !important;background-color: #a0d468 [&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\/1451"}],"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=1451"}],"version-history":[{"count":72,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1451\/revisions"}],"predecessor-version":[{"id":3125,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1451\/revisions\/3125"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=1451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}