<?php
/**
 * Title: Nature 3 Columns
 * Slug: variations/nature-3-columns
 * Description: Add a Nature 3 Columns section
 * Categories: featured
 * Keywords: columns
 */

?>
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4.51rem","bottom":"4.51rem"}}},"layout":{"type":"constrained","wideSize":"1140px"}} -->
<div class="wp-block-group alignwide" style="padding-top:4.51rem;padding-bottom:4.51rem"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"right":"2.01rem","left":"2.01rem"},"blockGap":{"top":"2.01rem","left":"2.71rem"}}}} -->
<div class="wp-block-columns alignwide" style="padding-right:2.01rem;padding-left:2.01rem"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:image {"id":174,"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/services/Service-1-min.jpg" alt="" class="wp-image-174" style="aspect-ratio:3/4;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"left","level":4} -->
<h4 class="wp-block-heading has-text-align-left"><?php printf( esc_html__( '%s', 'variations' ), __( 'Web Design', 'variations' ) ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php printf( esc_html__( '%s', 'variations' ), __( 'Custom web design for small businesses, we help you capture new audiences and increase your sales.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:image {"id":175,"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/services/Service-2-min.jpg" alt="" class="wp-image-175" style="aspect-ratio:3/4;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"left","level":4} -->
<h4 class="wp-block-heading has-text-align-left"><?php printf( esc_html__( '%s', 'variations' ), __( 'Graphic Design', 'variations' ) ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php printf( esc_html__( '%s', 'variations' ), __( 'Logos, merchandise and more. Anyone can create nice graphics. We think it’s better to create memorable ones.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:image {"id":176,"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/services/Service-3-min.jpg" alt="" class="wp-image-176" style="aspect-ratio:3/4;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"left","level":4} -->
<h4 class="wp-block-heading has-text-align-left"><?php printf( esc_html__( '%s', 'variations' ), __( 'Content Creation', 'variations' ) ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php printf( esc_html__( '%s', 'variations' ), __( 'Want to attract people to your website? You have to have the best content in the world. That’s what we do.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->