<?php
    /**
     * Title: Projects
     * Slug: flexia/projects
     * Categories: flexia
     */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"className":"flexia-column-wrap","layout":{"type":"constrained"}} -->
<div class="wp-block-group flexia-column-wrap" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"letterSpacing":"4px","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"small"} -->
<p class="has-text-align-center has-primary-color has-text-color has-link-color has-small-font-size" style="letter-spacing:4px;text-transform:uppercase"><?php echo esc_html_x( 'projects', 'Message to convey portfolio content', 'flexia' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"capitalize"}},"textColor":"Heading","fontSize":"large-plus"} -->
<h2 class="wp-block-heading has-text-align-center has-heading-color has-text-color has-large-plus-font-size" style="text-transform:capitalize"><?php echo esc_html_x( 'Recent Projects', 'Message to convey portfolio content', 'flexia' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"lightbox":{"enabled":false},"scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"4px"}},"className":"hover_img_zoom"} -->
<figure class="wp-block-image size-full has-custom-border hover_img_zoom"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/projects/projects-1.jpg" ) ); ?>" alt="" style="border-radius:4px;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"textColor":"Heading","fontSize":"medium-plus"} -->
<h4 class="wp-block-heading has-heading-color has-text-color has-medium-plus-font-size"><?php echo esc_html_x( 'Digital Revamp Pro', 'Message to convey portfolio content', 'flexia' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"body","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"border":{"width":"0px","style":"none","radius":"0px"}},"className":"is-style-solid-border","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-solid-border has-small-font-size"><a class="wp-block-button__link has-body-color has-background-background-color has-text-color has-background wp-element-button" style="border-style:none;border-width:0px;border-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html_x( 'Learn More', 'Message to convey portfolio content', 'flexia' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"width":"20px","sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null},"color":{"duotone":"var:preset|duotone|dark-gray"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/arrow-right.png" ) ); ?>" alt="" style="width:20px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"4px"}},"className":"hover_img_zoom"} -->
<figure class="wp-block-image size-full has-custom-border hover_img_zoom"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/projects/projects-2.jpg" ) ); ?>" alt="" style="border-radius:4px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"textColor":"Heading","fontSize":"medium-plus"} -->
<h4 class="wp-block-heading has-heading-color has-text-color has-medium-plus-font-size"><?php echo esc_html_x( 'projects', 'Message to convey portfolio content', 'flexia' ); ?><?php echo esc_html_x( 'Digital Revamp Pro', 'Message to convey portfolio content', 'flexia' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"body","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"border":{"width":"0px","style":"none","radius":"0px"}},"className":"is-style-solid-border","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-solid-border has-small-font-size"><a class="wp-block-button__link has-body-color has-background-background-color has-text-color has-background wp-element-button" style="border-style:none;border-width:0px;border-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html_x( 'Learn More', 'Message to convey portfolio content', 'flexia' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"width":"20px","sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null},"color":{"duotone":"var:preset|duotone|dark-gray"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/arrow-right.png" ) ); ?>" alt="" style="width:20px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","layout":{"type":"default"}} -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"4px"}},"className":"hover_img_zoom"} -->
<figure class="wp-block-image size-full has-custom-border hover_img_zoom"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/projects/projects-3.jpg" ) ); ?>" alt="" style="border-radius:4px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"textColor":"Heading","fontSize":"medium-plus"} -->
<h4 class="wp-block-heading has-heading-color has-text-color has-medium-plus-font-size"><?php echo esc_html_x( 'Digital Revamp Pro', 'Message to convey portfolio content', 'flexia' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"body","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"border":{"width":"0px","style":"none","radius":"0px"}},"className":"is-style-solid-border is-style-fill","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-solid-border is-style-fill has-small-font-size"><a class="wp-block-button__link has-body-color has-background-background-color has-text-color has-background wp-element-button" style="border-style:none;border-width:0px;border-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html_x( 'Learn More', 'Message to convey portfolio content', 'flexia' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"width":"20px","sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null},"color":{"duotone":"var:preset|duotone|dark-gray"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/arrow-right.png" ) ); ?>" alt="" style="width:20px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->