{"id":10820,"date":"2025-05-07T05:03:57","date_gmt":"2025-05-07T05:03:57","guid":{"rendered":"https:\/\/cozythemesdemos.com\/orakus-pro\/?page_id=10820"},"modified":"2025-05-07T05:11:07","modified_gmt":"2025-05-07T05:11:07","slug":"after-before-image-showcase","status":"publish","type":"page","link":"https:\/\/cozythemesdemos.com\/orakus-pro\/after-before-image-showcase\/","title":{"rendered":"After\/Before Image Showcase"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-fac698a9 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"has-medium-font-size\">Showcase\u00a0your\u00a0stunning\u00a0project\u00a0with\u00a0an\u00a0After\u2013Before\u00a0image\u00a0comparison\u00a0to\u00a0highlight\u00a0the\u00a0immediate\u00a0transformation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Horizontal Layout<\/h3>\n\n\n\n<div class=\"cozy-block-wrapper\">\n\t<div class=\"wp-block-cozy-block-img-compare\">\n\t\t<div id=\"cozyBlock_14006a6c_e048_474a_b8ab_3bab9aa4b61f\" class=\"cozy-block-img-compare direction-horizontal\">\n\t\t\t<div class=\"comparison-slider\">\n\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-content\/uploads\/sites\/153\/2025\/05\/blog_1.jpg\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"overlay-label after position-top\">\n\t\t\t\t\t\t\tAfter\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"resize\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-content\/uploads\/sites\/153\/2025\/05\/blog_7.jpg\" alt=\"\" \/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"overlay-label before position-top\">\n\t\t\t\t\t\t\tBefore\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<div class=\"divider\">\n\t\t\t\t\t<div class=\"divider-icon__wrap\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t<path d=\"M9 6L3 12L9 18V6ZM15 18L21 12L15 6V18Z\" \/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:60px\">Vertical Layout<\/h3>\n\n\n\n<div class=\"cozy-block-wrapper\">\n\t<div class=\"wp-block-cozy-block-img-compare\">\n\t\t<div id=\"cozyBlock_77e7f44b_0213_4692_8e20_b88b419e76a2\" class=\"cozy-block-img-compare direction-vertical\">\n\t\t\t<div class=\"comparison-slider\">\n\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-content\/uploads\/sites\/153\/2025\/05\/blog_1.jpg\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"overlay-label after position-top\">\n\t\t\t\t\t\t\tAfter\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"resize\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-content\/uploads\/sites\/153\/2025\/05\/blog_7.jpg\" alt=\"\" \/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"overlay-label before position-top\">\n\t\t\t\t\t\t\tBefore\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<div class=\"divider\">\n\t\t\t\t\t<div class=\"divider-icon__wrap\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t<path d=\"M9 6L3 12L9 18V6ZM15 18L21 12L15 6V18Z\" \/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Showcase\u00a0your\u00a0stunning\u00a0project\u00a0with\u00a0an\u00a0After\u2013Before\u00a0image\u00a0comparison\u00a0to\u00a0highlight\u00a0the\u00a0immediate\u00a0transformation. Horizontal Layout Vertical Layout<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-with-header-footer","meta":{"ca_portfolio_gallery_project_year":"","ca_portfolio_gallery_client":"","ca_portfolio_gallery_skills":"","ca_portfolio_gallery_url":"","ca_portfolio_gallery_images":"","footnotes":""},"class_list":["post-10820","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/pages\/10820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/comments?post=10820"}],"version-history":[{"count":0,"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/pages\/10820\/revisions"}],"wp:attachment":[{"href":"https:\/\/cozythemesdemos.com\/orakus-pro\/wp-json\/wp\/v2\/media?parent=10820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}