<?php
/**
 * Title: About Us
 * Slug: titan-branding-agency/about-us
 * Categories: about-us
 * Block Types: core/template-part/about-us
 */
?>

<!-- wp:group {"style":{"typography":{"fontStyle":"normal","fontWeight":"800"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}},"color":{"background":"#161b25"}},"layout":{"type":"constrained","contentSize":"90%"}} -->
<div class="wp-block-group has-background" style="background-color:#161b25;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-style:normal;font-weight:800"><!-- wp:spacer {"height":"25px"} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var(--wp--preset--color--primary)"}}},"color":{"text":"var(--wp--preset--color--primary)"},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"500","textTransform":"uppercase"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"poppins"} -->
<h4 class="wp-block-heading has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:var(--wp--preset--color--primary);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:20px;font-style:normal;font-weight:500;text-transform:uppercase"><?php echo esc_html('Our Project','titan-branding-agency'); ?></h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"900"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"poppins"} -->
<h4 class="wp-block-heading has-text-align-center has-base-color has-text-color has-link-color has-poppins-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:24px;font-style:normal;font-weight:900"><?php echo esc_html('Project We Have Done','titan-branding-agency'); ?></h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:columns {"className":"product-main"} -->
<div class="wp-block-columns product-main"><!-- wp:column {"width":"50%","className":"product-box","style":{"spacing":{"padding":{"right":"10px"}}}} -->
<div class="wp-block-column product-box" style="padding-right:10px;flex-basis:50%"><!-- wp:image {"id":46,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/project-1.png" alt="" class="wp-image-46"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","className":"product-box","style":{"spacing":{"padding":{"right":"10px"}}}} -->
<div class="wp-block-column product-box" style="padding-right:10px;flex-basis:50%"><!-- wp:image {"id":47,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/project-2.png" alt="" class="wp-image-47"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","className":"product-box","style":{"spacing":{"padding":{"right":"10px"}}}} -->
<div class="wp-block-column product-box" style="padding-right:10px;flex-basis:50%"><!-- wp:image {"id":48,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/project-3.png" alt="" class="wp-image-48"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"product-box"} -->
<div class="wp-block-column is-vertically-aligned-center product-box" style="flex-basis:50%"><!-- wp:image {"id":49,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/project-4.png" alt="" class="wp-image-49"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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