3 columns with icons

About This Pattern

A three columns set. Each column contains: An icon, 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":"386_10e608-c3","columns":3,"mobileRowGutter":"wider","customRowGutter":["","",60],"columnGutter":"wider","customGutter":[64,"",""],"colLayout":"equal","align":"full","inheritMaxWidth":true,"padding":["","","",""],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"386_e9796a-b3","justifyContent":["center","",""],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_e9796a-b3"><div class="kt-inside-inner-col"><!-- wp:kadence/icon {"uniqueID":"386_bdf2ed-a9"} -->
<div class="wp-block-kadence-icon kt-svg-icons kt-svg-icons386_bdf2ed-a9 alignnone"><!-- wp:kadence/single-icon {"uniqueID":"386_1f91be-19","icon":"fe_send","size":60,"width":1,"color":"palette1"} -->
<div class="wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-386_1f91be-19"><span data-name="fe_send" data-stroke="1" class="kadence-dynamic-icon"></span></div>
<!-- /wp:kadence/single-icon --></div>
<!-- /wp:kadence/icon -->

<!-- wp:kadence/advancedheading {"uniqueID":"386_1983ce-ec","align":"center","fontWeight":"inherit","margin":["xxs","xxs","xxs","xxs"],"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":["md","",""],"maxWidth":[null,"",""]} -->
<h2 class="kt-adv-heading386_1983ce-ec wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_1983ce-ec">Heading</h2>
<!-- /wp:kadence/advancedheading -->

<!-- wp:kadence/advancedheading {"uniqueID":"386_11107b-ec","align":"center","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","maxWidth":[250,"",""]} -->
<p class="kt-adv-heading386_11107b-ec wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_11107b-ec">Nulla neque erat, aliquet nec pellentesque a, lobortis a nibh. </p>
<!-- /wp:kadence/advancedheading --></div></div>
<!-- /wp:kadence/column -->

<!-- wp:kadence/column {"id":2,"borderWidth":["","","",""],"uniqueID":"386_a2930a-7e","justifyContent":["center","",""],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_a2930a-7e"><div class="kt-inside-inner-col"><!-- wp:kadence/icon {"uniqueID":"386_1f3543-ac"} -->
<div class="wp-block-kadence-icon kt-svg-icons kt-svg-icons386_1f3543-ac alignnone"><!-- wp:kadence/single-icon {"uniqueID":"386_84abc1-b3","icon":"fe_airplay","size":60,"width":1,"color":"palette1"} -->
<div class="wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-386_84abc1-b3"><span data-name="fe_airplay" data-stroke="1" class="kadence-dynamic-icon"></span></div>
<!-- /wp:kadence/single-icon --></div>
<!-- /wp:kadence/icon -->

<!-- wp:kadence/advancedheading {"uniqueID":"386_e58248-c1","align":"center","fontWeight":"inherit","margin":["xxs","xxs","xxs","xxs"],"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":["md","",""]} -->
<h2 class="kt-adv-heading386_e58248-c1 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_e58248-c1">Heading</h2>
<!-- /wp:kadence/advancedheading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"> Suspendisse mollis nisi mi, consectetur dignissim mi tempor at. Mauris ac rhoncus elit.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->

<!-- wp:kadence/column {"id":3,"borderWidth":["","","",""],"uniqueID":"386_3b3fda-37","justifyContent":["center","",""],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column386_3b3fda-37"><div class="kt-inside-inner-col"><!-- wp:kadence/icon {"uniqueID":"386_981194-47"} -->
<div class="wp-block-kadence-icon kt-svg-icons kt-svg-icons386_981194-47 alignnone"><!-- wp:kadence/single-icon {"uniqueID":"386_f783cb-aa","icon":"fe_briefcase","size":60,"width":1,"color":"palette1"} -->
<div class="wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-386_f783cb-aa"><span data-name="fe_briefcase" data-stroke="1" class="kadence-dynamic-icon"></span></div>
<!-- /wp:kadence/single-icon --></div>
<!-- /wp:kadence/icon -->

<!-- wp:kadence/advancedheading {"uniqueID":"386_628866-07","align":"center","fontWeight":"inherit","margin":["xxs","xxs","xxs","xxs"],"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":["md","",""]} -->
<h2 class="kt-adv-heading386_628866-07 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading386_628866-07">Heading</h2>
<!-- /wp:kadence/advancedheading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consectetur <br>adipiscing elit. </p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->