About This Pattern
A pattern with an image to the right side and a card overlapping with the image from the left side. The card contains: A heading, a button, and a paragraph.
Dependencies
The following items are required to use this pattern: Kadence Block Plugin
Use This Pattern
To use this pattern, click the clipboard icon on the top right of the box below to copy the code then paste it into the editor on your website. Do not highlight the text and copy it manually. You will need to update any images that may be in the pattern so your website is not cross linking with this page.
<!-- wp:kadence/rowlayout {"uniqueID":"386_98122e-5c","colLayout":"equal","align":"full","firstColumnWidth":50,"secondColumnWidth":50,"thirdColumnWidth":0,"fourthColumnWidth":0,"fifthColumnWidth":0,"sixthColumnWidth":0,"columnsInnerHeight":true,"inheritMaxWidth":true,"padding":["","","",""],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"id":2,"zIndex":4,"borderWidth":["","","",""],"uniqueID":"386_b9b04c-42","collapseOrder":2,"verticalAlignment":"top","padding":["3xl","","3xl",""],"tabletPadding":["xl","","xl",""],"mobilePadding":["0","","0",""],"margin":["",-50,"",""],"tabletMargin":["",-150,"",null],"mobileMargin":[-50,0,"",0],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_b9b04c-42"><div class="kt-inside-inner-col"><!-- wp:kadence/column {"zIndex":10,"background":"palette9","borderWidth":["","","",""],"uniqueID":"386_5da6f8-02","displayShadow":true,"padding":["xl","xl","xl","xl"],"tabletPadding":["md","md","md","md"],"mobilePadding":["sm","sm","sm","sm"],"margin":["","",null,""],"mobileMargin":["","0","","0"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_5da6f8-02"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"386_895e51-00","markBorder":"","markBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"tabletMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"mobileMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"fontSize":["lg","lg",""],"borderStyle":[{"top":["","",""],"right":["","",""],"bottom":["palette6","",""],"left":["","",""],"unit":"px"}]} -->
<h2 class="kt-adv-heading386_895e51-00 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_895e51-00">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"386_2e13de-25","color":"","markBorder":"","markBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"tabletMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"mobileMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"colorClass":"","htmlTag":"p"} -->
<p class="kt-adv-heading386_2e13de-25 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_2e13de-25">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel quam feugiat, euismod libero eget, ultrices risus. Aenean nibh est, finibus et dictum eget, malesuada ut nibh. Sed a nisl dui. Praesent fringilla pulvinar tristique. Phasellus sapien ante, congue sit amet turpis eget, facilisis malesuada massa. Nunc ornare felis semper risus porta, at aliquet risus elementum. </p>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph -->
<p>Fusce vel quam feugiat, euismod libero eget, ultrices risus. Aenean nibh est, finibus et dictum eget, malesuada ut nibh.</p>
<!-- /wp:paragraph -->
<!-- wp:kadence/advancedbtn {"hAlign":"left","uniqueID":"386_a30e2c-d7","padding":["0","","",""]} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns386_a30e2c-d7"><!-- wp:kadence/singlebtn {"uniqueID":"386_8cbbe5-12","text":"Learn More","padding":["xxs","md","xxs","md"],"borderRadius":[0,0,0,0],"typography":[{"size":["sm","",""],"sizeType":"px","lineHeight":["","",""],"lineType":"","letterSpacing":["","",""],"letterType":"px","textTransform":"","family":"","google":"","style":"","weight":"","variant":"","subset":"","loadGoogle":true}]} /--></div>
<!-- /wp:kadence/advancedbtn --></div></div>
<!-- /wp:kadence/column --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"zIndex":2,"borderWidth":["","","",""],"uniqueID":"386_e877b6-c7","collapseOrder":1,"backgroundImg":[{"bgImg":"https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/janez-fabijan-VXzbVm24ap8-unsplash-1.jpg","bgImgID":526,"bgImgSize":"cover","bgImgPosition":"center center","bgImgAttachment":"scroll","bgImgRepeat":"no-repeat"}],"verticalAlignment":"top","height":[350,"",300],"margin":["","","",-200],"tabletMargin":["",null,"",-150],"mobileMargin":["","0","","0"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_e877b6-c7"><div class="kt-inside-inner-col"></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->