general-three-boxes.php

<?php
/**
 * Title:       Featured Three boxes with text, image.
 * Slug:        extendable/general-three-boxes
 * Categories:  columns
 */
?>

<!-- wp:group {"align":"full","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"1rem"}}},"fontSize":"huge"} -->
<h2 class="has-text-align-center has-huge-font-size" style="margin-bottom:1rem">World class service offerings</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Curabitur varius viverra diam ac scelerisque. Nam quis elit vitae libero luctus posuere. Morbi sit amet turpis gravida, scelerisque risus quis, tincidunt felis. Sed.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"48px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:48px"><!-- wp:column {"style":{"spacing":{"blockGap":"0px"}},"backgroundColor":"tertiary"} -->
<div class="wp-block-column has-tertiary-background-color has-background"><!-- wp:image {"sizeSlug":"large","className":"ext-aspect-landscape"} -->
<figure class="wp-block-image size-large ext-aspect-landscape"><img src="https://source.unsplash.com/5njylPk0gBQ/1600x1200?theme=light" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"margin":{"top":"0"},"blockGap":"8px"}}} -->
<div class="wp-block-group" style="margin-top:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"700"}}} -->
<h5 style="font-size:25px;font-style:normal;font-weight:700;text-transform:capitalize">Service heading</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Maecenas efficitur in ante eu fringilla. Curabitur malesuada gravida elit vehicula feugiat. Proin finibus aliquet quam, non posuere mi posuere et. Duis maximus accumsan.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"0px"}},"backgroundColor":"tertiary"} -->
<div class="wp-block-column has-tertiary-background-color has-background"><!-- wp:image {"sizeSlug":"large","className":"ext-aspect-landscape"} -->
<figure class="wp-block-image size-large ext-aspect-landscape"><img src="https://source.unsplash.com/eOpewngf68w/1600x1200?theme=light" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"margin":{"top":"0"},"blockGap":"8px"}}} -->
<div class="wp-block-group" style="margin-top:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"700"}}} -->
<h5 style="font-size:25px;font-style:normal;font-weight:700;text-transform:capitalize">Sed efficitur urna</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Curabitur vel eros sed sem eleifend scelerisque eget ut magna. Donec rhoncus vestibulum arcu id sollicitudin. Vestibulum euismod vitae orci at ultricies. Nunc fringilla.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"0px"}},"backgroundColor":"tertiary"} -->
<div class="wp-block-column has-tertiary-background-color has-background"><!-- wp:image {"sizeSlug":"large","className":"ext-aspect-landscape"} -->
<figure class="wp-block-image size-large ext-aspect-landscape"><img src="https://source.unsplash.com/YfqIxXGepKA/1600x1200?theme=light" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"margin":{"top":"0"},"blockGap":"8px"}}} -->
<div class="wp-block-group" style="margin-top:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"700"}}} -->
<h5 style="font-size:25px;font-style:normal;font-weight:700;text-transform:capitalize">In ut augue</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nulla interdum tempus dolor, scelerisque ultrices sem iaculis ut. Nulla lorem neque, rhoncus nec accumsan vitae, interdum at quam. Donec mattis, sapien a cursus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->