{"id":886,"date":"2014-10-30T03:50:39","date_gmt":"2014-10-30T03:50:39","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=886"},"modified":"2016-03-13T15:38:24","modified_gmt":"2016-03-13T15:38:24","slug":"ribbon","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/ribbon\/","title":{"rendered":"Ribbon"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457883332505{padding-top: 140px !important;padding-bottom: 200px !important;background-color: #ccd1d9 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h2><span style=\"color: #666; font-size: 1.4em;\">Hello Ribbon Demo<\/span><\/h2>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n<p>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"cq-ribbon-container \" style=\"max-width:;\" data-ribbonwidth=\"\" data-ribbontop=\"16px\" data-ribbonleft=\"10px\"  data-ribboncolor=\"#ffffff\" data-containerbg=\"\" data-textcolor=\"\" data-textmargintop=\"\"><div style=\"background:#f04256;color:#ffffff;\nbackground:#f04256;color:#ffffff;top:10px;bottom:auto\" class=\"cq-ribbon4\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" target=\"\">Download<\/a><div class=\"arrow\" style=\"border-color:transparent #f04256\"><\/div><\/div><div class=\"cq-ribbon-content\"><a href=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b.jpg\" class=\"ribbon-image\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/01\/IMG_9940b.jpg\" alt=\"\" \/><\/a><p class=\"cq-ribbon-text\">Here is the optional ribbon content, you can customize it in the backend editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, vel commodi neque.<\/p><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457883318057{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-ribbon-container \" style=\"max-width:;\" data-ribbonwidth=\"130px\" data-ribbontop=\"16px\" data-ribbonleft=\"10px\"  data-ribboncolor=\"#ffffff\" data-containerbg=\"\" data-textcolor=\"\" data-textmargintop=\"\"><div style=\"background:#1e73be;color:#ffffff;\nbackground:#1e73be;color:#ffffff;top:10px;bottom:auto\" class=\"cq-ribbon4\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" target=\"\">Download<\/a><div class=\"arrow\" style=\"border-color:transparent #1e73be\"><\/div><\/div><div class=\"cq-ribbon-content\"><a href=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/03\/2730997858_9d2141d47d_b_d.jpg\" class=\"ribbon-image\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/03\/2730997858_9d2141d47d_b_d.jpg\" alt=\"\" \/><\/a><p class=\"cq-ribbon-text\">You can customize the ribbon text, background, color, link etc in the backend editor of Visual composer. The image can be in fluidbox lightbox or a link.<\/p><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-ribbon-container \" style=\"max-width:;\" data-ribbonwidth=\"\" data-ribbontop=\"16px\" data-ribbonleft=\"10px\"  data-ribboncolor=\"\" data-containerbg=\"\" data-textcolor=\"\" data-textmargintop=\"\"><div class=\"cq-ribbon right\"><div class=\"cq-ribbon-bg\" style=\"background:#f04256;color:;\">label<\/div><\/div><div class=\"cq-ribbon-content\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"\" target=\"\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/03\/3779566018_d83c04941a_b_d.jpg\" alt=\"\" \/><\/a><p class=\"cq-ribbon-text\">Here is the optional ribbon content, you can customize it in the backend editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, vel commodi neque.<\/p><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-ribbon-container \" style=\"max-width:;\" data-ribbonwidth=\"\" data-ribbontop=\"16px\" data-ribbonleft=\"10px\"  data-ribboncolor=\"\" data-containerbg=\"\" data-textcolor=\"\" data-textmargintop=\"\"><div style=\"background:#f04256;color:;\nbackground:#f04256;color:;top:10px;bottom:auto\" class=\"cq-ribbon3\">Hello There, Ribbon<div class=\"arrow\" style=\"border-color:transparent #f04256\"><\/div><\/div><div class=\"cq-ribbon-content\"><a href=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/4512013323_e9a53300a0_b_d.jpg\" class=\"ribbon-image\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/4512013323_e9a53300a0_b_d.jpg\" alt=\"\" \/><\/a><p class=\"cq-ribbon-text\">Here is the optional ribbon content, you can customize it in the backend editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, vel commodi neque.<\/p><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457883343235{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"cq-ribbon-container \" style=\"max-width:480px;\" data-ribbonwidth=\"\" data-ribbontop=\"16px\" data-ribbonleft=\"10px\"  data-ribboncolor=\"\" data-containerbg=\"\" data-textcolor=\"\" data-textmargintop=\"\"><div style=\"background:#8224e3;color:;\nbackground:#8224e3;color:;top:10px;bottom:auto\" class=\"cq-ribbon4\">label<div class=\"arrow\" style=\"border-color:transparent #8224e3\"><\/div><\/div><div class=\"cq-ribbon-content\"><a href=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/05\/realluasdribbble.png\" class=\"ribbon-image\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/05\/realluasdribbble.png\" alt=\"\" \/><\/a><p class=\"cq-ribbon-text\">Here is the optional ribbon content, you can customize it in the backend editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, vel commodi neque.<\/p><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"cq-ribbon-container \" style=\"max-width:480px;\" data-ribbonwidth=\"\" data-ribbontop=\"16px\" data-ribbonleft=\"10px\"  data-ribboncolor=\"#383838\" data-containerbg=\"\" data-textcolor=\"\" data-textmargintop=\"\"><div style=\"background:#ffffff;color:#383838;\nbackground:#ffffff;color:#383838;top:10px;bottom:auto\" class=\"cq-ribbon4\">label<div class=\"arrow\" style=\"border-color:transparent #ffffff\"><\/div><\/div><div class=\"cq-ribbon-content\"><a href=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/05\/omw_first_mockup.jpg\" class=\"ribbon-image\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/05\/omw_first_mockup.jpg\" alt=\"\" \/><\/a><p class=\"cq-ribbon-text\">You can get this add-on in the <a title=\"download\" href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\">All In One bundle<\/a>.<\/p><\/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_1457883332505{padding-top: 140px !important;padding-bottom: 200px !important;background-color: #ccd1d9 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text] Hello Ribbon Demo I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt [&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\/886"}],"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=886"}],"version-history":[{"count":10,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/886\/revisions"}],"predecessor-version":[{"id":2319,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/886\/revisions\/2319"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}