<?php
/**
 * Title: Our Projects
 * Slug: construction-blocks/our-projects
 * Categories: construction-blocks, our-projects
 */
?>

<!-- wp:group {"className":"our-projects","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group our-projects"><!-- wp:spacer {"height":"38px"} -->
<div style="height:38px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<h3 class="wp-block-heading has-text-align-center" style="font-style:normal;font-weight:700"><?php esc_html_e('Our Featured Projects','construction-blocks'); ?></h3>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"backgroundColor":"primary"} -->
<hr class="wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"/>
<!-- /wp:separator -->

<!-- wp:group {"className":"project-text","layout":{"type":"constrained","contentSize":"60%"}} -->
<div class="wp-block-group project-text"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e('Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliquaad minim veniam quis nostrud exercitationDiscover.','construction-blocks'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

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

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:columns {"className":"project-img"} -->
<div class="wp-block-columns project-img"><!-- wp:column {"width":"50%","className":"column-1"} -->
<div class="wp-block-column column-1" style="flex-basis:50%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":282,"sizeSlug":"full","linkDestination":"none","className":"wow rotateIn"} -->
<figure class="wp-block-image size-full wow rotateIn"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/project1.png'); ?>" alt="" class="wp-image-282"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":283,"sizeSlug":"full","linkDestination":"none","className":"wow rotateIn"} -->
<figure class="wp-block-image size-full wow rotateIn"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/project2.png'); ?>" alt="" class="wp-image-283"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","className":"column-2"} -->
<div class="wp-block-column column-2" style="flex-basis:50%"><!-- wp:image {"id":284,"sizeSlug":"full","linkDestination":"none","className":"wow zoomIn"} -->
<figure class="wp-block-image size-full wow zoomIn"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/project3.png'); ?>" alt="" class="wp-image-284"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"project-img"} -->
<div class="wp-block-columns project-img"><!-- wp:column {"className":"column-2"} -->
<div class="wp-block-column column-2"><!-- wp:image {"id":285,"sizeSlug":"full","linkDestination":"none","className":"wow zoomIn"} -->
<figure class="wp-block-image size-full wow zoomIn"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/project4.png'); ?>" alt="" class="wp-image-285"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"column-1"} -->
<div class="wp-block-column column-1"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":286,"sizeSlug":"full","linkDestination":"none","className":"wow rotateIn"} -->
<figure class="wp-block-image size-full wow rotateIn"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/project5.png'); ?>" alt="" class="wp-image-286"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":287,"sizeSlug":"full","linkDestination":"none","className":"wow rotateIn"} -->
<figure class="wp-block-image size-full wow rotateIn"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/project6.png'); ?>" alt="" class="wp-image-287"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e('Our Project does not end here. We’ll adapt to your particular needs.','construction-blocks'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"style":{"typography":{"letterSpacing":"2px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button" style="letter-spacing:2px"><a class="wp-block-button__link wp-element-button" style="border-radius:0px"><?php esc_html_e('SEE MORE PROJECT','construction-blocks'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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