<?php
 /**
  * Title: Steps 4
  * Slug: patterns-kit/steps-4
  * Categories: patterns-kit, patterns-kit-service
  * Keywords: service
  */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0px","right":"0px","left":"0px","top":"100px"},"margin":{"top":"0","bottom":"0"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:100px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"right":"0","left":"0","bottom":"0","top":"0"}},"color":{"background":"#29282d"}}} -->
<div class="wp-block-columns alignfull has-background" style="background-color:#29282d;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"40px","left":"40px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-right:40px;padding-left:40px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"20px","padding":{"top":"30px","bottom":"0px","right":"80px","left":"80px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-top:30px;padding-right:80px;padding-bottom:0px;padding-left:80px"><!-- wp:group {"className":"title-holder ","layout":{"type":"constrained"}} -->
<div class="wp-block-group title-holder"><!-- wp:paragraph {"className":"has-title"} -->
<p class="has-title">04</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"textColor":"background","className":" animated animated-fadeInUp","fontSize":"slider-title"} -->
<h2 class="animated animated-fadeInUp has-background-color has-text-color has-slider-title-font-size" style="text-transform:uppercase"><?php echo esc_html__('Burn Calories While Having Fun', 'patterns-kit'); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"background","className":"animated animated-fadeInUp","fontSize":"normal", "fontFamily":"poppins"} -->
<p class="animated animated-fadeInUp has-background-color has-text-color has-normal-font-size has-poppins-font-family"  style="font-style:normal;font-weight:300"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua', 'patterns-kit'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":" animated animated-fadeInUp","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"margin":{"top":"35px","bottom":"20px"}}}} -->
<div class="wp-block-buttons animated animated-fadeInUp" style="margin-top:35px;margin-bottom:20px"><!-- wp:button {"backgroundColor":"primary","textColor":"background","style":{"spacing":{"padding":{"right":"35px","left":"35px","top":"10px","bottom":"10px"}},"border":{"radius":"5px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:5px;padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px"><?php echo esc_html__('Read More', 'patterns-kit'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"className":" animated animated-fadeInUp image-zoom-hover"} -->
<div class="wp-block-group animated animated-fadeInUp image-zoom-hover" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"id":2639,"width":945,"height":630,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( PATTERNS_KIT_PLUGIN_URL );?>assets/images/girl-in-gym.png" alt="" class="wp-image-2639" width="945" height="630"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->