About This Pattern
A set of four cards. Each card contains: An image at the top, heading, paragraph, and button.
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_229111-f6","columns":1,"colLayout":"equal","align":"full","inheritMaxWidth":true,"padding":["","","",""],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_32b461-ea","padding":["0","0","0","0"],"margin":["0","0","0","0"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_32b461-ea"><div class="kt-inside-inner-col"><!-- wp:kadence/rowlayout {"uniqueID":"386_7552af-87","columns":4,"collapseGutter":"wider","tabletRowGutter":"default","customRowGutter":[60,30,""],"columnGutter":"wider","tabletGutter":"default","customGutter":[64,32,""],"colLayout":"two-grid","columnsInnerHeight":true,"padding":["","","",""],"kbVersion":2,"kadenceBlockCSS":"selector {\ndisplay: flex;\nflex-direction:row;\nflex-wrap: wrap;\nalign-items: stretch;\n}"} -->
<!-- wp:kadence/column {"background":"palette9","borderWidth":["","","",""],"uniqueID":"386_afd9c6-38","displayShadow":true,"verticalAlignment":"space-between","kbVersion":2,"kadenceBlockCSS":"selector {\ndisplay: flex;\nflex-direction:column;\nalign-items: stretch;\n}"} -->
<div class="wp-block-kadence-column kadence-column386_afd9c6-38"><div class="kt-inside-inner-col"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:kadence/image {"id":526,"ratio":"land32","useRatio":true,"uniqueID":"386_658535-75","marginDesktop":["0","0","0","0"],"paddingDesktop":["0","0","0","0"],"className":"is-style-default"} -->
<figure class="wp-block-kadence-image kb-image386_658535-75 kb-image-is-ratio-size is-style-default"><div class="kb-is-ratio-image kb-image-ratio-land32"><img src="https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/janez-fabijan-VXzbVm24ap8-unsplash-1.jpg" alt="" class="kb-img wp-image-526"/></div></figure>
<!-- /wp:kadence/image -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_048c41-18","padding":["lg","lg","lg","lg"],"tabletPadding":["md","md","md","md"],"mobilePadding":["sm","sm","sm","sm"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_048c41-18"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"386_ec7d73-e9","fontWeight":"inherit","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","",""]} -->
<h2 class="kt-adv-heading386_ec7d73-e9 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_ec7d73-e9">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"386_27d2e9-8d","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"}],"htmlTag":"p"} -->
<p class="kt-adv-heading386_27d2e9-8d wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_27d2e9-8d">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat elementum laoreet. Suspendisse gravida et dui vel bibendum. Vivamus imperdiet elit tortor, lobortis accumsan eros pretium a.</p>
<!-- /wp:kadence/advancedheading --></div></div>
<!-- /wp:kadence/column --></div>
<!-- /wp:group -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_787072-57","padding":["0","lg","lg","lg"],"tabletPadding":["0","md","md","md"],"mobilePadding":["0","sm","sm","sm"],"margin":["ss-auto","","",""],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_787072-57"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedbtn {"uniqueID":"386_856e65-5e"} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns386_856e65-5e"><!-- wp:kadence/singlebtn {"uniqueID":"386_876592-1e","text":"Button","widthType":"full","padding":["xxs","","xxs",""],"margin":["ss-auto","","",""],"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 {"id":2,"background":"palette9","borderWidth":["","","",""],"uniqueID":"386_1d5b3a-d8","displayShadow":true,"verticalAlignment":"space-between","kbVersion":2,"kadenceBlockCSS":"selector {\ndisplay: flex;\nflex-direction:row;\nflex-wrap: wrap;\nalign-items: stretch;\n}"} -->
<div class="wp-block-kadence-column kadence-column386_1d5b3a-d8"><div class="kt-inside-inner-col"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:kadence/image {"id":526,"ratio":"land32","useRatio":true,"uniqueID":"386_edf921-6e","marginDesktop":["","","0",""],"imagePosition":"83% 45%","className":"is-style-default"} -->
<figure class="wp-block-kadence-image kb-image386_edf921-6e kb-image-is-ratio-size is-style-default"><div class="kb-is-ratio-image kb-image-ratio-land32"><img src="https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/janez-fabijan-VXzbVm24ap8-unsplash-1.jpg" alt="" class="kb-img wp-image-526"/></div></figure>
<!-- /wp:kadence/image -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_b58709-c2","padding":["lg","lg","lg","lg"],"tabletPadding":["md","md","md","md"],"mobilePadding":["sm","sm","sm","sm"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_b58709-c2"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"386_51dcda-d8","fontWeight":"inherit","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","",""]} -->
<h2 class="kt-adv-heading386_51dcda-d8 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_51dcda-d8">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"386_19fc6e-6a","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"}],"htmlTag":"p"} -->
<p class="kt-adv-heading386_19fc6e-6a wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_19fc6e-6a">Morbi odio purus, faucibus sed malesuada dictum, imperdiet non eros. Vestibulum accumsan semper est, sed mattis velit pulvinar ut.</p>
<!-- /wp:kadence/advancedheading --></div></div>
<!-- /wp:kadence/column --></div>
<!-- /wp:group -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_3010bb-de","verticalAlignment":"top","padding":["0","lg","lg","lg"],"tabletPadding":["0","md","md","md"],"mobilePadding":["0","sm","sm","sm"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_3010bb-de"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedbtn {"uniqueID":"386_cd239c-10"} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns386_cd239c-10"><!-- wp:kadence/singlebtn {"uniqueID":"386_651ebe-7e","text":"Button","widthType":"full","padding":["xxs","","xxs",""],"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 {"id":3,"background":"palette9","borderWidth":["","","",""],"uniqueID":"386_cdb5c5-c2","displayShadow":true,"verticalAlignment":"space-between","kbVersion":2,"kadenceBlockCSS":"selector {\ndisplay: flex;\nflex-direction:row;\nflex-wrap: wrap;\nalign-items: stretch;\n}"} -->
<div class="wp-block-kadence-column kadence-column386_cdb5c5-c2"><div class="kt-inside-inner-col"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:kadence/image {"id":526,"ratio":"land32","useRatio":true,"uniqueID":"386_9b28ae-e5","marginDesktop":["0","0","0","0"],"paddingDesktop":["0","0","0","0"],"className":"is-style-default"} -->
<figure class="wp-block-kadence-image kb-image386_9b28ae-e5 kb-image-is-ratio-size is-style-default"><div class="kb-is-ratio-image kb-image-ratio-land32"><img src="https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/janez-fabijan-VXzbVm24ap8-unsplash-1.jpg" alt="" class="kb-img wp-image-526"/></div></figure>
<!-- /wp:kadence/image -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_67214b-74","direction":["vertical","",""],"justifyContent":[null,"",""],"rowGap":[0,"",""],"rowGapVariable":["none","",""],"padding":["lg","lg","lg","lg"],"tabletPadding":["md","md","md","md"],"mobilePadding":["sm","sm","sm","sm"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_67214b-74 kb-section-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"386_ca7c9a-38","fontWeight":"inherit","margin":[null,"","",""],"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","",""]} -->
<h2 class="kt-adv-heading386_ca7c9a-38 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_ca7c9a-38">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"386_d6d49d-89","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"}],"htmlTag":"p"} -->
<p class="kt-adv-heading386_d6d49d-89 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_d6d49d-89">liquam et arcu in dolor imperdiet bibendum eu non velit. Aliquam fringilla dui id lectus gravida, non tincidunt augue iaculis. Nulla facilisi. Morbi eu erat sit amet orci suscipit convallis vel vitae nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<!-- /wp:kadence/advancedheading --></div></div>
<!-- /wp:kadence/column --></div>
<!-- /wp:group -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_6186cb-57","verticalAlignment":"top","padding":["0","lg","lg","lg"],"tabletPadding":["0","md","md","md"],"mobilePadding":["0","sm","sm","sm"],"kbVersion":2,"kadenceBlockCSS":"selector {\nmargin-top:auto;\n}"} -->
<div class="wp-block-kadence-column kadence-column386_6186cb-57"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedbtn {"uniqueID":"386_443f45-57"} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns386_443f45-57"><!-- wp:kadence/singlebtn {"uniqueID":"386_cd65a7-28","text":"Button","widthType":"full","padding":["xxs","","xxs",""],"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 {"id":3,"background":"palette9","borderWidth":["","","",""],"uniqueID":"386_91088e-a8","displayShadow":true,"verticalAlignment":"space-between","kbVersion":2,"kadenceBlockCSS":"selector {\ndisplay: flex;\nflex-direction:row;\nflex-wrap: wrap;\nalign-items: stretch;\n}"} -->
<div class="wp-block-kadence-column kadence-column386_91088e-a8"><div class="kt-inside-inner-col"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:kadence/image {"id":526,"ratio":"land32","useRatio":true,"linkDestination":"none","uniqueID":"386_2aa7d9-38","marginDesktop":["0","0","0","0"],"paddingDesktop":["0","0","0","0"],"className":"is-style-default"} -->
<figure class="wp-block-kadence-image kb-image386_2aa7d9-38 kb-image-is-ratio-size is-style-default"><div class="kb-is-ratio-image kb-image-ratio-land32"><img src="https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/janez-fabijan-VXzbVm24ap8-unsplash-1.jpg" alt="" class="kb-img wp-image-526"/></div></figure>
<!-- /wp:kadence/image -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_0cf83e-5f","direction":["vertical","",""],"justifyContent":[null,"",""],"rowGap":[0,"",""],"rowGapVariable":["none","",""],"padding":["lg","lg","lg","lg"],"tabletPadding":["md","md","md","md"],"mobilePadding":["sm","sm","sm","sm"],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_0cf83e-5f kb-section-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"386_32aae4-39","fontWeight":"inherit","margin":[null,"","",""],"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","",""]} -->
<h2 class="kt-adv-heading386_32aae4-39 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_32aae4-39">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"386_06a3f8-0f","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"}],"htmlTag":"p"} -->
<p class="kt-adv-heading386_06a3f8-0f wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_06a3f8-0f">liquam et arcu in dolor imperdiet bibendum eu non velit. Aliquam fringilla dui id lectus gravida, non tincidunt augue iaculis. Nulla facilisi. Morbi eu erat sit amet orci suscipit convallis vel vitae nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<!-- /wp:kadence/advancedheading --></div></div>
<!-- /wp:kadence/column --></div>
<!-- /wp:group -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_3655f0-ee","verticalAlignment":"top","padding":["0","lg","lg","lg"],"tabletPadding":["0","md","md","md"],"mobilePadding":["0","sm","sm","sm"],"kbVersion":2,"kadenceBlockCSS":"selector {\nmargin-top:auto;\n}"} -->
<div class="wp-block-kadence-column kadence-column386_3655f0-ee"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedbtn {"uniqueID":"386_621298-72"} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns386_621298-72"><!-- wp:kadence/singlebtn {"uniqueID":"386_964f85-4d","text":"Button","widthType":"full","padding":["xxs","","xxs",""],"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 --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->