<?php
/**
 * Title: Services
 * Slug: gutentools/services
 * Categories: gutentools
 * Keywords: services
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"100px","bottom":"100px"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:100px;padding-right:20px;padding-bottom:100px;padding-left:20px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"60px","left":"80px"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/services.jpg","id":1217,"dimRatio":0,"customOverlayColor":"#564e4f","isUserOverlayColor":true,"minHeight":650,"isDark":false,"className":"hoverImageWrapper","style":{"border":{"radius":"10px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light hoverImageWrapper" style="border-radius:10px;min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#564e4f"></span><img class="wp-block-cover__image-background wp-image-1217" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/services.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"layout":{"selfStretch":"fixed","flexSize":"500px"}}} -->
<h2 class="wp-block-heading"><?php echo esc_html__( 'Tailored Services, designed especially for you.', 'gutentools' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"45px","bottom":"34px"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="margin-top:45px;margin-bottom:34px"><!-- wp:image {"id":1216,"width":"77px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-1.png" alt="" class="wp-image-1216" style="width:77px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"base-2","fontSize":"mdm-large"} -->
<p class="has-base-2-color has-text-color has-link-color has-mdm-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html__( 'Branding', 'gutentools' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} -->
<p class="has-base-2-color has-text-color has-link-color"><?php echo esc_html__( 'Cursus molestie habitasse nec lectus gravida nulla dignissim luctus praesent convallis mus torquent', 'gutentools' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"34px","bottom":"34px"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="margin-top:34px;margin-bottom:34px"><!-- wp:image {"id":1215,"width":"77px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-2.png" alt="" class="wp-image-1215" style="width:77px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"base-2","fontSize":"mdm-large"} -->
<p class="has-base-2-color has-text-color has-link-color has-mdm-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html__( 'Packaging', 'gutentools' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} -->
<p class="has-base-2-color has-text-color has-link-color"><?php echo esc_html__( 'Cursus molestie habitasse nec lectus gravida nulla dignissim luctus praesent convallis mus torquent', 'gutentools' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"34px","bottom":"45px"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="margin-top:34px;margin-bottom:45px"><!-- wp:image {"id":1214,"width":"77px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-3.png" alt="" class="wp-image-1214" style="width:77px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"base-2","fontSize":"mdm-large"} -->
<p class="has-base-2-color has-text-color has-link-color has-mdm-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html__( 'Marketing', 'gutentools' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} -->
<p class="has-base-2-color has-text-color has-link-color"><?php echo esc_html__( 'Cursus molestie habitasse nec lectus gravida nulla dignissim luctus praesent convallis mus torquent', 'gutentools' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-secondary-background-color has-background wp-element-button"><?php echo esc_html__( 'See All Work', 'gutentools' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->