<?php

/**
 * Title: Why Us
 * Slug: fundifly-charity/whyus
 * Categories:fundifly-charity-template
 */
$fundifly_whyus_url = get_template_directory_uri();
$fundifly_whyus_img = array(
    $fundifly_whyus_url . '/assets/images/icon-1.png',
    $fundifly_whyus_url . '/assets/images/icon-2.png',
    $fundifly_whyus_url . '/assets/images/icon-3.png',
    $fundifly_whyus_url . '/assets/images/icon-4.png'
)
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"150px","bottom":"150px","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"backgroundColor":"white","layout":{"type":"constrained","wideSize":"1180px"}} -->
<div class="wp-block-group has-white-background-color has-background" style="padding-top:150px;padding-right:var(--wp--preset--spacing--40);padding-bottom:150px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"40px","left":"100px"}}}} -->
    <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
        <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","wideSize":"500px","justifyContent":"left"}} -->
            <div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-alt"}}},"typography":{"textTransform":"uppercase"}},"textColor":"foreground-alt"} -->
                <p class="has-foreground-alt-color has-text-color has-link-color" style="text-transform:uppercase"><?php esc_html_e('Focus Points / Why Us', 'fundifly-charity') ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:heading {"style":{"typography":{"fontSize":"44px"}}} -->
                <h2 class="wp-block-heading" style="font-size:44px"><?php esc_html_e('We Connect to all nooks and crannies', 'fundifly-charity') ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-alt"}}}},"textColor":"foreground-alt"} -->
                <p class="has-foreground-alt-color has-text-color has-link-color"><?php esc_html_e('Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit voluptates reprehenderit deserunt, sunt beatae ea modi sed vel eum, reiciendis distinctio optio eos est obcaecati.', 'fundifly-charity') ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:buttons -->
                <div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"4px"}}} -->
                    <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="border-radius:4px"><?php esc_html_e('Donate Now', 'fundifly-charity') ?></a></div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"50%"} -->
        <div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"50px"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
            <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"constrained","wideSize":"205px","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":60,"width":"64px","height":"64px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
                    <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fundifly_whyus_img[0]) ?>" alt="" class="wp-image-60" style="object-fit:cover;width:64px;height:64px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"style":{"typography":{"fontSize":"20px"}}} -->
                    <h2 class="wp-block-heading" style="font-size:20px"><?php esc_html_e('Healthy Food', 'fundifly-charity') ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-alt"}}}},"textColor":"foreground-alt","fontSize":"slightly-large"} -->
                    <p class="has-foreground-alt-color has-text-color has-link-color has-slightly-large-font-size"><?php esc_html_e('We Offer Healthy Food For The Needy', 'fundifly-charity') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"constrained","wideSize":"205px","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":72,"width":"64px","height":"64px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
                    <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fundifly_whyus_img[1]) ?>" alt="" class="wp-image-72" style="object-fit:cover;width:64px;height:64px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"style":{"typography":{"fontSize":"20px"}}} -->
                    <h2 class="wp-block-heading" style="font-size:20px"><?php esc_html_e('Medical Help', 'fundifly-charity') ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-alt"}}}},"textColor":"foreground-alt","fontSize":"slightly-large"} -->
                    <p class="has-foreground-alt-color has-text-color has-link-color has-slightly-large-font-size"><?php esc_html_e('We Offer Medical Help For The Needy', 'fundifly-charity') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"constrained","wideSize":"205px","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":73,"width":"64px","height":"64px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
                    <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fundifly_whyus_img[2]) ?>" alt="" class="wp-image-73" style="object-fit:cover;width:64px;height:64px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"style":{"typography":{"fontSize":"20px"}}} -->
                    <h2 class="wp-block-heading" style="font-size:20px"><?php esc_html_e('Education', 'fundifly-charity') ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-alt"}}}},"textColor":"foreground-alt","fontSize":"slightly-large"} -->
                    <p class="has-foreground-alt-color has-text-color has-link-color has-slightly-large-font-size"><?php esc_html_e('We Offer Education For The Needy', 'fundifly-charity') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"constrained","wideSize":"205px","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":74,"width":"64px","height":"64px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
                    <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fundifly_whyus_img[3]) ?>" alt="" class="wp-image-74" style="object-fit:cover;width:64px;height:64px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"style":{"typography":{"fontSize":"20px"}}} -->
                    <h2 class="wp-block-heading" style="font-size:20px"><?php esc_html_e('Clean Water', 'fundifly-charity') ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-alt"}}}},"textColor":"foreground-alt","fontSize":"slightly-large"} -->
                    <p class="has-foreground-alt-color has-text-color has-link-color has-slightly-large-font-size"><?php esc_html_e('We Offer Clean Water For The Needy', 'fundifly-charity') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->