<?php
 /**
  * Title: Project Section
  * Slug: building-renovation/project-section
  */
?>

<!-- wp:group {"tagName":"main","align":"full","className":"project-section","layout":{"type":"constrained","contentSize":"75%"}} -->
<main class="wp-block-group alignfull project-section"><!-- wp:spacer {"height":"37px"} -->
<div style="height:37px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","level":4,"className":"project-sub-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"500"}},"textColor":"primary"} -->
<h4 class="wp-block-heading wow zoomIn has-text-align-center project-sub-head has-primary-color has-text-color has-link-color" style="font-size:20px;font-style:normal;font-weight:500"><?php esc_html_e('Construction Projects','building-renovation'); ?></h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","className":"project-main-head","style":{"typography":{"fontSize":"30px","fontStyle":"normal","fontWeight":"700"}}} -->
<h2 class="wp-block-heading wow zoomIn has-text-align-center project-main-head" style="font-size:30px;font-style:normal;font-weight:700"><?php esc_html_e('Our Recent Projects','building-renovation'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"tab-box","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group tab-box"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px"><a href="#"><?php esc_html_e('All','building-renovation'); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px"><a href="#"><?php esc_html_e('Construction','building-renovation'); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px"><a href="#"><?php esc_html_e('Mechanical','building-renovation'); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px"><a href="#"><?php esc_html_e('Consulting','building-renovation'); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:columns {"className":"img-wrap-box"} -->
<div class="wp-block-columns img-wrap-box"><!-- wp:column {"width":"25%","className":"box-1"} -->
<div class="wp-block-column box-1" style="flex-basis:25%"><!-- wp:image {"id":80,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo get_parent_theme_file_uri( '/assets/images/image1.png' ); ?>" alt="" class="wp-image-80"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","className":"box-2"} -->
<div class="wp-block-column box-2" style="flex-basis:50%"><!-- wp:image {"id":82,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo get_parent_theme_file_uri( '/assets/images/image2.png' ); ?>" alt="" class="wp-image-82"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"box-2-content","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group box-2-content" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"level":5,"className":"box-short-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"left":"var:preset|spacing|40","right":"var:preset|spacing|40","top":"3px","bottom":"3px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"12px"}},"backgroundColor":"secondary-dark","textColor":"white"} -->
<h5 class="wp-block-heading box-short-head has-white-color has-secondary-dark-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:3px;padding-right:var(--wp--preset--spacing--40);padding-bottom:3px;padding-left:var(--wp--preset--spacing--40);font-size:12px;font-style:normal;font-weight:600"><?php esc_html_e('Construction','building-renovation'); ?></h5>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:20px;font-style:normal;font-weight:700"><?php esc_html_e('General Construction','building-renovation'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20);font-size:14px;font-style:normal;font-weight:500"><?php esc_html_e('Construction Since 6 June 2024','building-renovation'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"0px"},"spacing":{"padding":{"left":"var:preset|spacing|40","right":"var:preset|spacing|40","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"fontSize":"12px","fontStyle":"normal","fontWeight":"600"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:12px;font-style:normal;font-weight:600"><a class="wp-block-button__link wp-element-button" style="border-radius:0px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)"><?php esc_html_e('Explore Service','building-renovation'); ?><span class="dashicons dashicons-arrow-right-alt"></span></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","className":"box-3"} -->
<div class="wp-block-column box-3" style="flex-basis:25%"><!-- wp:image {"id":81,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo get_parent_theme_file_uri( '/assets/images/image3.png' ); ?>" alt="" class="wp-image-81"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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