<?php
    /**
     * Title: About
     * Slug: flexia/about
     * Categories: flexia
     */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|40","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
<div id="about" class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%"><!-- wp:paragraph {"align":"left","style":{"typography":{"letterSpacing":"4px","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"small"} -->
<p class="has-text-align-left 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( 'About us', 'Message to convey that about page', 'flexia' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size"><?php echo esc_html_x( 'Transforming Dreams into Business Brilliance', 'Message to convey that about page content', 'flexia' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'It seems like you\'re looking for a suggestion for the About Us page title for an agency. The About Us page is typically where organizations provide information about their mission, values, history, team,.', 'Message to convey that about page content', 'flexia' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"19%"} -->
<div class="wp-block-column" style="flex-basis:19%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:image {"align":"right","width":"150px","sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"radius":"5px"}},"className":"ml-40 mb-60"} -->
<figure class="wp-block-image alignright size-thumbnail is-resized has-custom-border ml-40 mb-60"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/about/about-img-1.jpg" ) ); ?>" alt="" style="border-radius:5px;width:150px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:cover {"url":"<?php echo esc_url( get_theme_file_uri( "/assets/images/about/about-img-2.jpg" ) ); ?>","dimRatio":0,"minHeight":600,"minHeightUnit":"px","isDark":false,"style":{"color":[]}} -->
<div class="wp-block-cover is-light" style="min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_theme_file_uri( "/assets/images/about/about-img-2.jpg" ) ); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading"}}}},"textColor":"heading","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-heading-color has-text-color has-link-color has-x-large-font-size"><?php echo esc_html_x( 'Where Vision Meets Business - Your Dreams, Our Expertise.', 'Message to convey that about page', 'flexia' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|body"}}}},"textColor":"body"} -->
<p class="has-body-color has-text-color has-link-color"><?php echo esc_html_x( 'It seems like you\'re looking for a suggestion for the "About Us" page title for an agency. The "About Us" page is typically where organizations provide information about their mission. onsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'Message to convey that about page', 'flexia' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"capitalize"}},"fontSize":"small"} -->
<p class="has-small-font-size" style="text-transform:capitalize"><a href="#"><?php echo esc_html_x( 'Read more', 'Message to convey that about page', 'flexia' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","style":{"color":[]}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/about/about-img-3.jpg" ) ); ?>" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"full","style":{"color":[]}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/about/about-img-4.jpg" ) ); ?>" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:image {"align":"right","width":"280px","style":{"border":{"radius":"0px"}}} -->
<figure class="wp-block-image alignright is-resized has-custom-border"><img src="<?php echo esc_url( get_theme_file_uri( "/assets/images/about/about-img-5.jpg" ) ); ?>" alt="" style="border-radius:0px;width:280px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->