{"id":2129,"date":"2015-11-30T07:01:24","date_gmt":"2015-11-30T07:01:24","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=2129"},"modified":"2023-01-12T09:22:51","modified_gmt":"2023-01-12T09:22:51","slug":"color-block","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/color-block\/","title":{"rendered":"Color Block"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]<div class=\"cq-colorblock lavender square \" data-titlesize=\"2em\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/bsrOzgDkQhGRKOVC7Era_9X6A3584.jpg\" data-contentcolor=\"\" data-textblockbg=\"lavender\" data-custombgcolor=\"\"><div class=\"cq-colorblock-imagecontainer\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/bsrOzgDkQhGRKOVC7Era_9X6A3584.jpg\" class=\"cq-coverslider-image\" alt=\"\"><\/a> <\/div><div class=\"cq-colorblock-textcontainer\"><div class=\"cq-colorblock-content\"><h4 class=\"cq-colorblock-title\">Hello Color Block<\/h4><div class=\"cq-colorblock-caption\">This Color Block element help you to add an image besides a color block with text. The text here is support WordPress built-in rich text editor. The color block has some built in style, you can customize the color too.<\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457883061281{padding-top: 200px !important;padding-bottom: 240px !important;background-color: #f5f7fa !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-twoface-box-container\" data-frontbg=\"#AC92EC\" data-backbg=\"#967ADC\" data-fontcolor=\"\" data-face1=\"cq-face-front\" data-face2=\"cq-face-back\" data-cubedirection=\"bottomtop\" data-cubeheight=\"\" data-avatarsize=\"80\" data-contentcolor=\"\" data-contentsize=\"\" data-titlesize=\"\" data-contentwidth=\"\" data-rotatecube=\"0\" data-iconcolor=\"\" data-cubemargin=\"\" data-cubewidth=\"\" data-frontavatar=\"image\" data-frontfullimage=\"\" data-backavatar=\"icon\" data-backfullimage=\"\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"download\" target=\"\" class=\"cq-twoface-link\"><div class=\"cq-twoface-box\"><div class=\"cq-face-item cq-face-front\"><div class=\"cq-face-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-face-avatar\" \/><h4 class=\"cq-face-title\">Hello Cube Box Demo<\/h4>Sed eleifend, lacus nec bibendum pulvinar.<\/div><\/div><div class=\"cq-face-item cq-face-back\"><div class=\"cq-face-content\"><i class=\"cq-face-avatar entypo-icon entypo-icon-hourglass\"><\/i><h4 class=\"cq-face-title\">Hello Back Side<\/h4>Aliquam efficitur, eros rutrum sagittis.<\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" cq-flipbox-container cq-rightleft\" data-frontbg=\"#EC87C0\" data-backbg=\"#D770AD\" 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=\"12px\" data-elementwidth=\"\" data-cardborder=\"\" data-cardbordersize=\"\" data-bordercolor=\"#999\" data-backbuttonbg=\"\" data-backbuttonhoverbg=\"\" data-contentmargintop=\"\" data-cardshape=\"square\" data-frontfullimage=\"\" data-avatartype=\"icon\" data-backfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/5058177635_b8154d3b5a_b_d.jpg\" data-backavatar=\"none\"><div class=\"cq-flipbox-flipper\"><div class=\"cq-flipbox-item cq-flipbox-front\" onclick=\"\"><div class=\"cq-flipbox-content\"><i class=\"cq-flipbox-cardavatar cq-noshadow typcn typcn-device-laptop\"><\/i><h4 class=\"cq-flipbox-title\">Hello Flip Box<\/h4>Sed eleifend, lacus nec bibendum pulvinar, nibh mauris veicula augue.<\/div><\/div><div class=\"cq-flipbox-item cq-flipbox-back\" onclick=\"\"><div class=\"cq-flipbox-content\"><h4 class=\"cq-flipbox-title\">Why do we use it?<\/h4>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.<\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-twoface-box-container\" data-frontbg=\"#F5F7FA\" data-backbg=\"#E6E9ED\" data-fontcolor=\"#666\" data-face1=\"cq-face-left\" data-face2=\"cq-face-right\" data-cubedirection=\"rightleft\" data-cubeheight=\"\" data-avatarsize=\"80\" data-contentcolor=\"#333333\" data-contentsize=\"\" data-titlesize=\"\" data-contentwidth=\"\" data-rotatecube=\"0\" data-iconcolor=\"\" data-cubemargin=\"\" data-cubewidth=\"\" data-frontavatar=\"none\" data-frontfullimage=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/06\/giftly.png\" data-backavatar=\"icon\" data-backfullimage=\"\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"download\" target=\"\" class=\"cq-twoface-link\"><div class=\"cq-twoface-box\"><div class=\"cq-face-item cq-face-left\"><div class=\"cq-face-content\"><h4 class=\"cq-face-title\">Hello Cube Box Demo<\/h4>Sed eleifend, lacus nec bibendum pulvinar.<\/div><\/div><div class=\"cq-face-item cq-face-right\"><div class=\"cq-face-content\"><i class=\"cq-face-avatar entypo-icon entypo-icon-lamp\"><\/i><h4 class=\"cq-face-title\">Hello Back Side<\/h4>Aliquam efficitur, eros rutrum sagittis.<\/div><\/div><\/div><\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457883070048{padding-top: 200px !important;padding-bottom: 240px !important;background-color: #3d284b !important;}&#8221;][vc_column]<div class=\"cq-colorblock aqua square \" data-titlesize=\"2em\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/8bc72ed71.jpg\" data-contentcolor=\"\" data-textblockbg=\"aqua\" data-custombgcolor=\"\"><div class=\"cq-colorblock-textcontainer\"><div class=\"cq-colorblock-content\"><h4 class=\"cq-colorblock-title\">Yet another Color Block demo<\/h4><div class=\"cq-colorblock-caption\">As you can see, it&#8217;s not in a full row. The text here support the WordPress built-in rich text editor. You can add a\u00a0<a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\">download link<\/a>.\u00a0Sed eleifend, lacus nec bibendum pulvinar.<\/div><\/div><\/div><div class=\"cq-colorblock-imagecontainer\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"\" target=\"\" class=\"cq-colorblock-imagelink\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/8bc72ed71.jpg\" class=\"cq-coverslider-image\" alt=\"\"><\/a> <\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1457883167405{margin-top: -48px !important;}&#8221;][vc_column]<div class=\"cq-colorblock sunflower square \" data-titlesize=\"2em\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/03\/field-flower-meadow-3948-4.jpg\" data-contentcolor=\"\" data-textblockbg=\"sunflower\" data-custombgcolor=\"\"><div class=\"cq-colorblock-imagecontainer\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"\" target=\"\" class=\"cq-colorblock-imagelink\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2015\/03\/field-flower-meadow-3948-4.jpg\" class=\"cq-coverslider-image\" alt=\"\"><\/a> <\/div><div class=\"cq-colorblock-textcontainer\"><div class=\"cq-colorblock-content\"><h4 class=\"cq-colorblock-title\">Now it's in a full row<\/h4><div class=\"cq-colorblock-caption\">Asit amet mattis ligula lorem eu nisl, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]<div class=\"cq-colorblock grass square \" data-titlesize=\"2em\" data-image=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg\" data-contentcolor=\"\" data-textblockbg=\"grass\" data-custombgcolor=\"\"><div class=\"cq-colorblock-textcontainer\"><div class=\"cq-colorblock-content\"><h4 class=\"cq-colorblock-title\">Yet another full row demo<\/h4><div class=\"cq-colorblock-caption\">Image is on the right side .sit amet mattis ligula lorem eu nisl, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/div><\/div><\/div><div class=\"cq-colorblock-imagecontainer\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"\" target=\"\" class=\"cq-colorblock-imagelink\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773-1000x667.jpg\" class=\"cq-coverslider-image\" alt=\"\"><\/a> <\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457883061281{padding-top: 200px !important;padding-bottom: 240px !important;background-color: #f5f7fa !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_1457883070048{padding-top: 200px !important;padding-bottom: 240px !important;background-color: #3d284b !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1457883167405{margin-top: -48px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/2129"}],"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=2129"}],"version-history":[{"count":33,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/2129\/revisions"}],"predecessor-version":[{"id":4048,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/2129\/revisions\/4048"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}