<?php
 /**
  * Title: Hover Features
  * Slug: patterns-kit/hover-features
  * Categories: patterns-kit, patterns-kit-service
  * Keywords: service, features, hover
  */
?>
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"80px","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:80px;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"className":"features-section"} -->
<div class="wp-block-columns alignwide features-section" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px","padding":{"top":"0px","right":"0px","left":"0px","bottom":"0px"}},"border":{"radius":"5px"}},"backgroundColor":"white","className":"animated animated-fadeInUp","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide animated animated-fadeInUp has-white-background-color has-background" style="border-radius:5px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":589,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":{"bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-large has-custom-border"><img src="<?php echo esc_url( PATTERNS_KIT_PLUGIN_URL );?>assets/images/girl-woman-dark-female-concert-training-1175878-pxhere.com.jpg" alt="" class="wp-image-589" style="border-bottom-left-radius:0px;border-bottom-right-radius:0px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"color":{"background":"#00000091"}},"className":"content-block","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-block has-background" style="background-color:#00000091"><!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"20px","right":"10px","bottom":"10px","left":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
<h3 class="has-text-align-center has-primary-color has-text-color has-link-color" style="margin-top:20px;margin-right:10px;margin-bottom:10px;margin-left:10px"><a href="#"><?php echo esc_html__('Everyday Gym', 'patterns-kit'); ?></a></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"background","className":"sp-p-lr"} -->
<p class="has-text-align-center has-background-secondary-color has-text-color has-link-color">
<strong><?php echo esc_html__('Lorem Ipsum', 'patterns-kit'); ?></strong>&nbsp;<?php echo esc_html__('is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s...', 'patterns-kit'); ?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","left":"0px","bottom":"0px"}},"border":{"radius":"5px"}},"backgroundColor":"white","className":"  animated animated-fadeInUp","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide animated animated-fadeInUp has-white-background-color has-background" style="border-radius:5px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":589,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":{"bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-large has-custom-border"><img src="<?php echo esc_url( PATTERNS_KIT_PLUGIN_URL );?>assets/images/fitness-gym-woman-exercising-training-motivation-1633004-pxhere.com.jpg" alt="" class="wp-image-589" style="border-bottom-left-radius:0px;border-bottom-right-radius:0px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"color":{"background":"#00000091"}},"className":"content-block","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-block has-background" style="background-color:#00000091"><!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"20px","right":"10px","bottom":"10px","left":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} -->
<h3 class="has-text-align-center has-link-color" style="margin-top:20px;margin-right:10px;margin-bottom:10px;margin-left:10px"><a href="#"><?php echo esc_html__('Rope Skipping', 'patterns-kit'); ?></a></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"background-secondary","className":"sp-p-lr"} -->
<p class="has-text-align-center has-background-secondary-color has-text-color has-link-color">
<strong><?php echo esc_html__('Lorem Ipsum', 'patterns-kit'); ?></strong>&nbsp;<?php echo esc_html__('is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s...', 'patterns-kit'); ?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","left":"0px","bottom":"0px"}},"border":{"radius":"5px"}},"backgroundColor":"white","className":" animated animated-fadeInUp","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide animated animated-fadeInUp has-white-background-color has-background" style="border-radius:5px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":589,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":{"bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-large has-custom-border"><img src="<?php echo esc_url( PATTERNS_KIT_PLUGIN_URL );?>assets/images/light-girl-hair-white-view-photo-801748-pxhere.com.jpg" alt="" class="wp-image-589" style="border-bottom-left-radius:0px;border-bottom-right-radius:0px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"color":{"background":"#00000091"}},"className":"content-block","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-block has-background" style="background-color:#00000091"><!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"20px","right":"10px","bottom":"10px","left":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} -->
<h3 class="has-text-align-center has-link-color" style="margin-top:20px;margin-right:10px;margin-bottom:10px;margin-left:10px"><a href="#"><?php echo esc_html__('Boxing Practices', 'patterns-kit'); ?></a></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"background-secondary","className":"sp-p-lr"} -->
<p class="has-text-align-center has-background-secondary-color has-text-color has-link-color">
<strong><?php echo esc_html__('Lorem Ipsum', 'patterns-kit'); ?></strong>&nbsp;<?php echo esc_html__('is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s...', 'patterns-kit'); ?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->