<?php
/**
 * Title: Island 3 Columns2
 * Slug: variations/island-3-columns2
 * Description: Add a Island 3 Columns section
 * Categories: featured
 * Keywords: columns
 */

?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"1rem","left":"1rem","top":"5.51rem","bottom":"3rem"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1140px"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:5.51rem;padding-right:1rem;padding-bottom:3rem;padding-left:1rem"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"1rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-bottom:1rem"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"2.61rem","fontStyle":"normal","fontWeight":"600","lineHeight":"1.5"},"color":{"text":"#07277c"}},"fontFamily":"prata-regular"} -->
<h2 class="wp-block-heading has-text-align-center has-text-color has-prata-regular-font-family" style="color:#07277c;font-size:2.61rem;font-style:normal;font-weight:600;line-height:1.5"><?php printf( esc_html__( '%s', 'variations' ), __( 'Our Services', 'variations' ) ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"1.01rem"}}},"layout":{"type":"constrained","contentSize":"1140px"}} -->
<div class="wp-block-group alignwide" style="margin-top:1.01rem"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"3.94rem","left":"3.94rem"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"blockGap":"0.5rem","padding":{"bottom":"2rem"}}},"layout":{"type":"constrained","contentSize":"300px","justifyContent":"center"}} -->
<div class="wp-block-column" style="padding-bottom:2rem"><!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"constrained","contentSize":"300px"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","lightbox":{"enabled":false},"id":2318,"width":"290px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/island/island-image1.png" alt="" class="wp-image-2318" style="width:290px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#07277c"},"typography":{"fontSize":"1.61rem","fontStyle":"normal","fontWeight":"600","textTransform":"none","lineHeight":"1.4"}},"fontFamily":"prata-regular"} -->
<h5 class="wp-block-heading has-text-align-center has-text-color has-prata-regular-font-family" style="color:#07277c;font-size:1.61rem;font-style:normal;font-weight:600;line-height:1.4;text-transform:none"><?php printf( esc_html__( '%s', 'variations' ), __( 'Web Design', 'variations' ) ); ?></h5>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"color":{"text":"#252525"},"typography":{"fontSize":"0.91rem","lineHeight":"1.5","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0rem"}}},"fontFamily":"work-sans-regular"} -->
<p class="has-text-align-center has-text-color has-work-sans-regular-font-family" style="color:#252525;margin-top:0rem;font-size:0.91rem;font-style:normal;font-weight:400;line-height:1.5"><?php printf( esc_html__( '%s', 'variations' ), __( 'Focus on how you can help and benefit your user. Use simple word to aviod confusion.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"0.5rem","padding":{"bottom":"2rem"}}},"layout":{"type":"constrained","contentSize":"300px"}} -->
<div class="wp-block-column" style="padding-bottom:2rem"><!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"constrained","contentSize":"300px"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","lightbox":{"enabled":false},"id":2319,"width":"290px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/island/island-image2.png" alt="" class="wp-image-2319" style="width:290px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#07277c"},"typography":{"fontSize":"1.61rem","fontStyle":"normal","fontWeight":"600","textTransform":"none","lineHeight":"1.4"}},"fontFamily":"prata-regular"} -->
<h5 class="wp-block-heading has-text-align-center has-text-color has-prata-regular-font-family" style="color:#07277c;font-size:1.61rem;font-style:normal;font-weight:600;line-height:1.4;text-transform:none"><?php printf( esc_html__( '%s', 'variations' ), __( 'Web Design', 'variations' ) ); ?></h5>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"color":{"text":"#252525"},"typography":{"fontSize":"0.91rem","lineHeight":"1.5","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0rem"}}},"fontFamily":"work-sans-regular"} -->
<p class="has-text-align-center has-text-color has-work-sans-regular-font-family" style="color:#252525;margin-top:0rem;font-size:0.91rem;font-style:normal;font-weight:400;line-height:1.5"><?php printf( esc_html__( '%s', 'variations' ), __( 'Focus on how you can help and benefit your user. Use simple word to aviod confusion.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"0.5rem","padding":{"bottom":"2rem"}}},"layout":{"type":"constrained","contentSize":"300px","justifyContent":"center"}} -->
<div class="wp-block-column" style="padding-bottom:2rem"><!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"constrained","contentSize":"300px"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","lightbox":{"enabled":false},"id":2320,"width":"290px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/island/island-image3.png" alt="" class="wp-image-2320" style="width:290px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#07277c"},"typography":{"fontSize":"1.61rem","fontStyle":"normal","fontWeight":"600","textTransform":"none","lineHeight":"1.4"}},"fontFamily":"prata-regular"} -->
<h5 class="wp-block-heading has-text-align-center has-text-color has-prata-regular-font-family" style="color:#07277c;font-size:1.61rem;font-style:normal;font-weight:600;line-height:1.4;text-transform:none"><?php printf( esc_html__( '%s', 'variations' ), __( 'Web Design', 'variations' ) ); ?></h5>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"color":{"text":"#252525"},"typography":{"fontSize":"0.91rem","lineHeight":"1.5","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0rem"}}},"fontFamily":"work-sans-regular"} -->
<p class="has-text-align-center has-text-color has-work-sans-regular-font-family" style="color:#252525;margin-top:0rem;font-size:0.91rem;font-style:normal;font-weight:400;line-height:1.5"><?php printf( esc_html__( '%s', 'variations' ), __( 'Focus on how you can help and benefit your user. Use simple word to aviod confusion.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->