About This Pattern
A pattern with an image to the left side and a card overlapping with the image from the right side. The card contains: A heading, a button, and a paragraph.
Use This Pattern
To use this pattern click the button below then paste the content directly into your website’s editor. Please note that you will need to update any placeholder images in the pattern. For some themes, colors and mobile breakpoints may also need adjustments.
<!-- wp:kadence/rowlayout {"uniqueID":"386_3a03bd-a2","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 {"borderWidth":["","","",""],"uniqueID":"386_36df93-1a","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":["",-150,"",""],"mobileMargin":["","0","",""],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_36df93-1a"><div class="kt-inside-inner-col"></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"id":2,"borderWidth":["","","",""],"uniqueID":"386_c20f6a-c1","verticalAlignment":"top","padding":["3xl","","3xl",""],"tabletPadding":["xl","","xl",""],"mobilePadding":["0","","0",""],"margin":["","","",-50],"tabletMargin":["","","",-150],"mobileMargin":[-50,"","",0],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_c20f6a-c1"><div class="kt-inside-inner-col"><!-- wp:kadence/column {"background":"palette9","borderWidth":["","","",""],"uniqueID":"386_60fe66-08","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_60fe66-08"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"386_c2e7db-19","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_c2e7db-19 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_c2e7db-19">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"386_362841-15","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_362841-15 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_362841-15">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_ba4f00-3f","padding":["0","","",""]} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns386_ba4f00-3f"><!-- wp:kadence/singlebtn {"uniqueID":"386_f9fe17-51","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/rowlayout -->