<?php
/**
 * Title: card-square-3
 * Slug: fullsite-patterner/card-square-3
 * Categories: fullsite-patterner/menu
 * Block types: core/group
 *
 * @package    WordPress
 * @subpackage FullSite-Patterner
 */

?>
<!-- wp:group {"className":"row","layout":{"type":"default"}} -->
<div class="wp-block-group row"><!-- wp:group {"className":"col-sm-12 col-md-4 col-lg-4","layout":{"type":"default"}} -->
<div class="wp-block-group col-sm-12 col-md-4 col-lg-4"><!-- wp:group {"borderColor":"my-white","className":"card","layout":{"type":"default"}} -->
<div class="wp-block-group card has-border-color has-my-white-border-color"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none","className":"card-img"} -->
<figure class="wp-block-image aligncenter size-full is-resized card-img"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/menu3.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"card-img-overlay","layout":{"type":"default"}} -->
<div class="wp-block-group card-img-overlay"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","textColor":"my-white","className":"card-title"} -->
<h2 class="wp-block-heading has-text-align-center card-title has-my-white-color has-text-color">card-title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"my-white"} -->
<p class="has-text-align-center has-my-white-color has-text-color">text text text text text</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"col-sm-12 col-md-4 col-lg-4","layout":{"type":"default"}} -->
<div class="wp-block-group col-sm-12 col-md-4 col-lg-4"><!-- wp:group {"borderColor":"my-white","className":"card","layout":{"type":"default"}} -->
<div class="wp-block-group card has-border-color has-my-white-border-color"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none","className":"card-img"} -->
<figure class="wp-block-image aligncenter size-full is-resized card-img"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/menu3.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"card-img-overlay","layout":{"type":"default"}} -->
<div class="wp-block-group card-img-overlay"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","textColor":"my-white","className":"card-title"} -->
<h2 class="wp-block-heading has-text-align-center card-title has-my-white-color has-text-color">card-title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"my-white"} -->
<p class="has-text-align-center has-my-white-color has-text-color">text text text text text</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"col-sm-12 col-md-4 col-lg-4","layout":{"type":"default"}} -->
<div class="wp-block-group col-sm-12 col-md-4 col-lg-4"><!-- wp:group {"borderColor":"my-white","className":"card","layout":{"type":"default"}} -->
<div class="wp-block-group card has-border-color has-my-white-border-color"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none","className":"card-img"} -->
<figure class="wp-block-image aligncenter size-full is-resized card-img"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/menu3.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"card-img-overlay","layout":{"type":"default"}} -->
<div class="wp-block-group card-img-overlay"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","textColor":"my-white","className":"card-title"} -->
<h2 class="wp-block-heading has-text-align-center card-title has-my-white-color has-text-color">card-title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"my-white"} -->
<p class="has-text-align-center has-my-white-color has-text-color">text text text text text</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
