{"id":3594,"date":"2019-04-24T06:04:48","date_gmt":"2019-04-24T06:04:48","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=3594"},"modified":"2019-04-24T06:48:29","modified_gmt":"2019-04-24T06:48:29","slug":"float-caption","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/float-caption\/","title":{"rendered":"Float Caption"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1464167028962{padding-top: 80px !important;padding-bottom: 120px !important;background-color: #222f46 !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;]<div class=\"cq-floatcaption cq-floatcaption-position-right cq-floatcaption-shape-square cq-floatcaption-percent-64 \" data-position=\"right\"><div class=\"cq-floatcaption-imagecontainer\"><img class=\"cq-floatcaption-image\" src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2018\/10\/radek-grzybowski-66457-unsplash-800x590.jpg\" \/><\/div><div class=\"cq-floatcaption-text\" style=\"background-color:\"><h3 class=\"cq-floatcaption-title\" style=\"color:;font-size:\">Hello Float Caption<\/h3><p class=\"cq-floatcaption-description\">The image can be on the left or right.\u00a0Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum dictum accumsan. Duis dictum purus eget lectus.<\/p>[vc_btn title=\"Download\" color=\"blue\" style=\"modern\" shape=\"rounded\" link=\"url:https%3A%2F%2F1.envato.market%2FEWO9W|title:download|\" align=\"center\" size=\"xs\"]<\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4 style=\"font-size: 2em;\"><span style=\"color: #ffffff;\">Demo no.1<\/span><\/h4>\n<p><span style=\"color: #ffffff;\">Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl.<\/span><\/p>\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>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1464167107898{padding-top: 120px !important;padding-bottom: 160px !important;background-color: #aab2bd !important;}&#8221;][vc_column]<div class=\"cq-floatcaption cq-floatcaption-position-left cq-floatcaption-shape-rounded cq-floatcaption-percent-73 \" data-position=\"left\"><div class=\"cq-floatcaption-imagecontainer\"><img class=\"cq-floatcaption-image\" src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2018\/10\/tomasz-zagorski-1097343-unsplash.jpg\" \/><\/div><div class=\"cq-floatcaption-text\" style=\"background-color:#967adc\"><h3 class=\"cq-floatcaption-title\" style=\"color:;font-size:\">Now image on the right<\/h3><p class=\"cq-floatcaption-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum dictum accumsan. Duis dictum purus eget lectus convallis tempor. Phasellus a scelerisque lorem. Duis faucibus consectetur elementum. Vivamus ultrices euismod nulla in ultricies.<\/p>[vc_btn title=\"Get this plugin\" color=\"violet\" style=\"modern\" shape=\"rounded\" link=\"url:https%3A%2F%2F1.envato.market%2FEWO9W|title:get%20this%20plugin|target:%20_blank\" align=\"center\" size=\"xs\"]<\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1464172834285{padding-top: 120px !important;padding-bottom: 160px !important;background-color: #3d284b !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"font-size: 2em;\"><span style=\"color: #ffffff;\">Yet another demo<\/span><\/h4>\n<p><span style=\"color: #ffffff;\">Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl.<\/span><\/p>\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>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"cq-floatcaption cq-floatcaption-position-left cq-floatcaption-shape-square cq-floatcaption-percent-55 \" data-position=\"left\"><div class=\"cq-floatcaption-imagecontainer\"><img class=\"cq-floatcaption-image\" src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2017\/10\/shttefan-284259.jpg\" \/><\/div><div class=\"cq-floatcaption-text\" style=\"background-color:#8cc152\"><h3 class=\"cq-floatcaption-title\" style=\"color:;font-size:\">Image width can be in 20%, 30%, 40% etc<\/h3><p class=\"cq-floatcaption-description\">Duis dictum purus eget lectus convallis tempor. Phasellus a scelerisque lorem. Duis faucibus consectetur elementum. Vivamus ultrices euismod nulla in ultricies.<\/p>[vc_btn title=\"Download\" color=\"black\" style=\"modern\" shape=\"rounded\" link=\"url:https%3A%2F%2F1.envato.market%2FEWO9W|title:download|target:%20_blank\" align=\"center\" size=\"xs\"]<\/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_1464167028962{padding-top: 80px !important;padding-bottom: 120px !important;background-color: #222f46 !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text] Demo no.1 Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula [&hellip;]<\/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\/3594"}],"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=3594"}],"version-history":[{"count":11,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3594\/revisions"}],"predecessor-version":[{"id":3606,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3594\/revisions\/3606"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=3594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}