About This Pattern
A set of three cards with a banner at their top. The banner contains: A background image, overline text and heading. Finally, each card contains: A heading and 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":"576_4d5c86-45","columns":1,"colLayout":"equal","align":"full","firstColumnWidth":0,"secondColumnWidth":0,"thirdColumnWidth":0,"fourthColumnWidth":0,"fifthColumnWidth":0,"sixthColumnWidth":0,"padding":["","","",""],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"576_dc9610-f5","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column576_dc9610-f5"><div class="kt-inside-inner-col"><!-- wp:kadence/rowlayout {"uniqueID":"576_280f5c-d4","columns":1,"colLayout":"equal","bgImg":"https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/greg-shield-GA3NfIOHkUg-unsplash.jpg","bgImgPosition":"0% 100%","overlay":"palette4","overlayFirstOpacity":1,"overlayOpacity":80,"overlayBlendMode":"normal","align":"full","firstColumnWidth":0,"secondColumnWidth":0,"thirdColumnWidth":0,"fourthColumnWidth":0,"fifthColumnWidth":0,"sixthColumnWidth":0,"inheritMaxWidth":true,"padding":["3xl","","5xl",""],"kbVersion":2,"kadenceBlockCSS":"selector {\n}"} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"576_ceefaf-03","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column576_ceefaf-03"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"576_810616-5f","color":"#fefefe","letterSpacing":1,"typography":"var( \u002d\u002dglobal-heading-font-family, inherit )","fontWeight":"800","margin":["","","0",""],"padding":["","","0",""],"markBorder":"","markBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"tabletMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":""}],"mobileMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":""}],"textTransform":"uppercase","colorClass":"","htmlTag":"p","maxWidth":[620,"",""]} -->
<p class="kt-adv-heading576_810616-5f wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading576_810616-5f">Add an overline text</p>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"576_044403-c3","color":"#fefefe","margin":["xs","","",""],"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":"","fontSize":["xxl","",""],"fontHeight":[1,"",""],"maxWidth":[500,"",""]} -->
<h2 class="kt-adv-heading576_044403-c3 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading576_044403-c3">Brief title for section</h2>
<!-- /wp:kadence/advancedheading --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->
<!-- wp:kadence/rowlayout {"uniqueID":"576_e5213a-b3","columns":3,"tabletLayout":"row","collapseGutter":"custom","tabletRowGutter":"custom","customRowGutter":["",null,""],"tabletGutter":"skinny","customGutter":[32,16,""],"colLayout":"equal","align":"full","columnsInnerHeight":true,"inheritMaxWidth":true,"padding":["md","","",""],"margin":[-100,"","",""],"tabletMargin":[-80,"","",""],"kbVersion":2,"kadenceBlockCSS":"selector {\n}"} -->
<!-- wp:kadence/column {"background":"palette9","borderWidth":["","","",""],"uniqueID":"576_bb575d-bb","displayShadow":true,"direction":["vertical","",""],"gutter":[0,"",""],"gutterVariable":["custom","",""],"padding":["lg","sm","lg","sm"],"margin":["","","",null],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column576_bb575d-bb kb-section-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"level":3,"uniqueID":"576_929681-b9","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","",""],"className":"has-md-font-size"} -->
<h3 class="kt-adv-heading576_929681-b9 has-md-font-size wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading576_929681-b9">Heading</h3>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph -->
<p>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:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"background":"palette9","borderWidth":["","","",""],"uniqueID":"576_046f76-08","displayShadow":true,"direction":["vertical","",""],"gutter":[0,"",""],"gutterVariable":["custom","",""],"padding":["lg","sm","lg","sm"],"margin":["","","",null],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column576_046f76-08 kb-section-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"level":3,"uniqueID":"576_bd7525-d7","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","",""],"className":"has-md-font-size"} -->
<h3 class="kt-adv-heading576_bd7525-d7 has-md-font-size wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading576_bd7525-d7">Heading</h3>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph {"className":"has-sm-font-size"} -->
<p class="has-sm-font-size">Morbi odio purus, faucibus sed malesuada dictum, imperdiet non eros. Vestibulum accumsan semper est, sed mattis velit pulvinar ut.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"background":"palette9","borderWidth":["","","",""],"uniqueID":"576_d19c55-26","displayShadow":true,"direction":["vertical","",""],"gutter":[0,"",""],"gutterVariable":["custom","",""],"padding":["lg","sm","lg","sm"],"margin":["","","",null],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column576_d19c55-26 kb-section-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"level":3,"uniqueID":"576_2b6475-75","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","",""],"className":"has-md-font-size"} -->
<h3 class="kt-adv-heading576_2b6475-75 has-md-font-size wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading576_2b6475-75">Heading</h3>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph {"className":"has-sm-font-size"} -->
<p class="has-sm-font-size">Aliquam 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:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->