Set of content boxes with headline, call to action button, icon images and paragraphs

Take Your Business Website To The Next Level Today!

On Time Design

Praesent malesuada vel lorem et iaculis. Suspendisse quis vulputate est.
Test Processing

Orci varius natoque penatibus et magnis dis parturient montes.
Code Optimization

Cras ullamcorper vitae sapien eget tincidunt. Maecenas eleifend mattis.
Creative Ideas

Praesent malesuada vel lorem et iaculis. Donec nunc urna, cursus non molestie.
Pattern Code
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7%","bottom":"7%","right":"5%","left":"5%"}}},"layout":{"inherit":false,"wideSize":"","contentSize":"1200px"}} -->
<div class="wp-block-group alignfull" style="padding-top:7%;padding-right:5%;padding-bottom:7%;padding-left:5%"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"40px","left":"40px"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"35%","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.2"}},"textColor":"vivid-green-cyan"} -->
<h2 class="has-vivid-green-cyan-color has-text-color" style="font-style:normal;font-weight:600;line-height:1.2">Take Your Business Website To The Next Level Today!</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"gradient":"linear-gradient(90deg,rgb(155,225,93) 0%,rgb(0,217,166) 100%)"},"border":{"radius":"100px"},"spacing":{"padding":{"right":"40px","left":"40px"}}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background" style="border-radius:100px;background:linear-gradient(90deg,rgb(155,225,93) 0%,rgb(0,217,166) 100%);padding-right:40px;padding-left:40px">READ MORE</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"style":{"border":{"radius":"25px"},"spacing":{"blockGap":{"top":"20px","left":"20px"}},"color":{"background":"#f6f6f6"}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background" style="background-color:#f6f6f6;border-radius:25px"><!-- wp:image {"align":"left","width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#00d084","#ffffff"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-0603-06-eye.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=6cd80d9d5b6db6d21f578b1c118e48e5" alt="" width="80" height="80" /></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"25px"},"color":{"text":"#202020"}}} -->
<h3 class="has-text-align-left has-text-color" style="color:#202020;font-size:25px;font-style:normal;font-weight:600">On Time Design</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Praesent malesuada vel lorem et iaculis. Suspendisse quis vulputate est.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"0px","style":"none","radius":"25px"},"color":{"background":"#f6f6f6"},"spacing":{"blockGap":{"top":"20px","left":"20px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background" style="background-color:#f6f6f6;border-radius:25px;border-style:none;border-width:0px"><!-- wp:image {"align":"left","width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#00d084","#ffffff"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-0603-05-jj_2.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=fa27cd87042d21cbddf1454040692d55" alt="" width="80" height="80" /></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"25px"},"color":{"text":"#202020"}}} -->
<h3 class="has-text-align-left has-text-color" style="color:#202020;font-size:25px;font-style:normal;font-weight:600">Test Processing</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Orci varius natoque penatibus et magnis dis parturient montes.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"style":{"color":{"background":"#f6f6f6"},"border":{"radius":"25px"},"spacing":{"blockGap":{"top":"20px","left":"20px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background" style="background-color:#f6f6f6;border-radius:25px"><!-- wp:image {"align":"left","width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#00d084","#ffffff"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-0604-100-nam_0.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=45d81244dbbcf4904eaf3de53fdd2205" alt="" width="80" height="80" /></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"25px"},"color":{"text":"#202020"}}} -->
<h3 class="has-text-align-left has-text-color" style="color:#202020;font-size:25px;font-style:normal;font-weight:600">Code Optimization</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Cras ullamcorper vitae sapien eget tincidunt. Maecenas eleifend mattis.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"color":{"background":"#f6f6f6"},"border":{"radius":"25px"},"spacing":{"blockGap":{"top":"20px","left":"20px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background" style="background-color:#f6f6f6;border-radius:25px"><!-- wp:image {"align":"left","width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#00d084","#ffffff"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-0604-368-eye_1.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=17a010f7009e28843abe34005e7e3e9e" alt="" width="80" height="80" /></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"25px"},"color":{"text":"#202020"}}} -->
<h3 class="has-text-align-left has-text-color" style="color:#202020;font-size:25px;font-style:normal;font-weight:600">Creative Ideas</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Praesent malesuada vel lorem et iaculis. Donec nunc urna, cursus non molestie.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->