<?php
/**
 * Title: Aboutus Section 5
 * Slug: aamira/about-us-section
 * Categories: header
 * Block Types: core/template-part/header
 * Description: About us section with two columns and images.
 * 
 * @package WordPress
 * @subpackage Aamira
 * @since Aamira 1.0
 */

?>

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"70px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black","layout":{"type":"constrained","contentSize":"1150px","wideSize":"1380px"}} -->
<div class="wp-block-group alignwide has-black-color has-text-color has-link-color" style="padding-bottom:70px">
    <!-- wp:columns {"metadata":{"categories":["call-to-action"],"patternName":"three-column-pricing-table"},"style":{"spacing":{"margin":{"bottom":"0"}}}} -->
    <div class="wp-block-columns" style="margin-bottom:0">
        <!-- wp:column {"verticalAlignment":"center", "style":{"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"4rem","right":"0","bottom":"4rem","left":"0"}},"border":{"radius":"20px","top":{"width":"0px","style":"none"},"right":[],"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}}} -->
        <div class="wp-block-column is-vertically-aligned-center has-text-color has-link-color"
            style="border-radius:20px;border-top-style:none;border-top-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;color:#000000;padding-top:4rem;padding-right:0;padding-bottom:4rem;padding-left:0">
            <!-- wp:image {"id":5967,"width":"513px","height":"auto","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":{"topLeft":"100px"}}}} -->
            <figure class="wp-block-image size-large is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/header-banner.jpg" alt="" class="wp-image-5967" style="border-top-left-radius:100px;width:513px;height:auto" /></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"4rem","right":"0","bottom":"4rem","left":"0"}},"border":{"radius":"20px","top":{"width":"0px","style":"none"},"right":[],"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}}} -->
        <div class="wp-block-column has-text-color has-link-color"
            style="border-radius:20px;border-top-style:none;border-top-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;color:#000000;padding-top:4rem;padding-right:0;padding-bottom:4rem;padding-left:0">
            <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#4cd100"}}},"color":{"text":"#4cd100"}},"fontSize":"large"} -->
            <p class="has-text-color has-link-color has-large-font-size" style="color:#4cd100">
                <?php esc_html_e( 'Welcome to Coders Time', 'aamira' ); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"#254252"}}},"color":{"text":"#254252"}},"fontSize":"x-large"} -->
            <h2 class="wp-block-heading has-text-color has-link-color has-x-large-font-size" style="color:#254252"><?php esc_html_e( 'The
                Most Reliable Company for WordPress', 'aamira' ); ?></h2>
            <!-- /wp:heading -->

            <!-- wp:paragraph -->
            <p><?php esc_html_e( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar luctus sem, eget porta orci.
                Maecenas molestie dui id diam feugiat, eu tincidunt mauris aliquam. Duis commodo vitae ligula et
                interdum.', 'aamira' ); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group">
                <!-- wp:columns {"verticalAlignment":"center","align":"full"} -->
                <div class="wp-block-columns alignfull are-vertically-aligned-center">
                    <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"color":{"background":"#f3f4ef"},"border":{"radius":"5px"}}} -->
                    <div class="wp-block-column is-vertically-aligned-center has-background"
                        style="border-radius:5px;background-color:#f3f4ef;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
                        <!-- wp:image {"id":7060,"width":"61px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"
                            style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><img
                                src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/developer.png" alt=""
                                class="wp-image-7060" style="width:61px" /></figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#254252"},"elements":{"link":{"color":{"text":"#254252"}}}},"fontSize":"large"} -->
                        <p class="has-text-align-center has-text-color has-link-color has-large-font-size"
                            style="color:#254252"><?php esc_html_e( 'Trust Ourselves', 'aamira' ); ?></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"align":"center"} -->
                        <p class="has-text-align-center">
                            <?php esc_html_e( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'aamira' ); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"color":{"background":"#f3f4ef"},"border":{"radius":"5px"}}} -->
                    <div class="wp-block-column is-vertically-aligned-center has-background"
                        style="border-radius:5px;background-color:#f3f4ef;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
                        <!-- wp:image {"id":7062,"width":"61px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"
                            style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><img
                                src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/cloud.png" alt=""
                                class="wp-image-7062" style="width:61px;height:auto" /></figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#254252"},"elements":{"link":{"color":{"text":"#254252"}}}},"fontSize":"large"} -->
                        <p class="has-text-align-center has-text-color has-link-color has-large-font-size"
                            style="color:#254252"><?php esc_html_e( 'Awards Winning', 'aamira' ); ?></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"align":"center"} -->
                        <p class="has-text-align-center">
                            <?php esc_html_e( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'aamira' ); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->