<?php
/**
 * Title: Projects Section
 * Slug: marenda/projects-section
 * Categories: featured
 */
?>

<!-- wp:group {"tagName":"section","align":"wide","style":{"spacing":{"margin":{"top":"0px"},"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"0"}}},"backgroundColor":"foreground","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignwide has-foreground-background-color has-background" id="projects-section" style="margin-top:0px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:0"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30"},"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"var:preset|spacing|40"}}}} -->
    <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"verticalAlignment":"center"} -->
        <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":{"topRight":"50px","bottomRight":"50px"}}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-secondary-background-color has-background" style="border-top-right-radius:50px;border-bottom-right-radius:50px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:outermost/icon-block {"iconName":"wordpress-fullscreen","itemsJustification":"center","iconColor":"background","iconColorValue":"#ffffff","width":85,"align":"center","style":{"border":{"radius":"100px","width":"2px"},"spacing":{"padding":{"top":"15px","right":"15px","bottom":"15px","left":"15px"}}},"borderColor":"lightbg"} -->
                <div class="wp-block-outermost-icon-block aligncenter items-justified-center"><div class="icon-container has-border-color has-lightbg-border-color has-icon-color has-background-color" style="color:#ffffff;width:85px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;border-width:2px;border-radius:100px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M4.2 9h1.5V5.8H9V4.2H4.2V9zm14 9.2H15v1.5h4.8V15h-1.5v3.2zM15 4.2v1.5h3.2V9h1.5V4.2H15zM5.8 15H4.2v4.8H9v-1.5H5.8V15z"></path></svg></div></div>
                <!-- /wp:outermost/icon-block -->

                <!-- wp:heading {"textAlign":"center","level":4,"textColor":"background"} -->
                <h4 class="has-text-align-center has-background-color has-text-color">Full</h4>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","textColor":"background"} -->
                <p class="has-text-align-center has-background-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pulvinar massa sed turpis dapibus sollicitudin. </p>
                <!-- /wp:paragraph -->

                <!-- wp:outermost/icon-block {"iconName":"wordpress-arrowRight","itemsJustification":"center","iconColor":"background","iconColorValue":"#ffffff"} -->
                <div class="wp-block-outermost-icon-block items-justified-center"><div class="icon-container has-icon-color has-background-color" style="color:#ffffff;width:48px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"></path></svg></div></div>
                <!-- /wp:outermost/icon-block --></div>
            <!-- /wp:group --></div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":{"topRight":"50px","bottomRight":"50px"}}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-secondary-background-color has-background" style="border-top-right-radius:50px;border-bottom-right-radius:50px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:outermost/icon-block {"iconName":"wordpress-box","itemsJustification":"center","iconColor":"background","iconColorValue":"#ffffff","width":85,"align":"center","style":{"border":{"radius":"100px","width":"2px"},"spacing":{"padding":{"top":"15px","right":"15px","bottom":"15px","left":"15px"}}},"borderColor":"lightbg"} -->
                <div class="wp-block-outermost-icon-block aligncenter items-justified-center"><div class="icon-container has-border-color has-lightbg-border-color has-icon-color has-background-color" style="color:#ffffff;width:85px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;border-width:2px;border-radius:100px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M5 5.5h14a.5.5 0 01.5.5v1.5a.5.5 0 01-.5.5H5a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 9.232A2 2 0 013 7.5V6a2 2 0 012-2h14a2 2 0 012 2v1.5a2 2 0 01-1 1.732V18a2 2 0 01-2 2H6a2 2 0 01-2-2V9.232zm1.5.268V18a.5.5 0 00.5.5h12a.5.5 0 00.5-.5V9.5h-13z" clip-rule="evenodd"></path></svg></div></div>
                <!-- /wp:outermost/icon-block -->

                <!-- wp:heading {"textAlign":"center","level":4,"textColor":"background"} -->
                <h4 class="has-text-align-center has-background-color has-text-color">Site</h4>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","textColor":"background"} -->
                <p class="has-text-align-center has-background-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pulvinar massa sed turpis dapibus sollicitudin. </p>
                <!-- /wp:paragraph -->

                <!-- wp:outermost/icon-block {"iconName":"wordpress-arrowRight","itemsJustification":"center","iconColor":"background","iconColorValue":"#ffffff"} -->
                <div class="wp-block-outermost-icon-block items-justified-center"><div class="icon-container has-icon-color has-background-color" style="color:#ffffff;width:48px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"></path></svg></div></div>
                <!-- /wp:outermost/icon-block --></div>
            <!-- /wp:group --></div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":{"topRight":"50px","bottomRight":"50px"}}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-secondary-background-color has-background" style="border-top-right-radius:50px;border-bottom-right-radius:50px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:outermost/icon-block {"iconName":"wordpress-category","itemsJustification":"center","iconColor":"background","iconColorValue":"#ffffff","width":85,"align":"center","style":{"border":{"radius":"100px","width":"2px"},"spacing":{"padding":{"top":"15px","right":"15px","bottom":"15px","left":"15px"}}},"borderColor":"lightbg"} -->
                <div class="wp-block-outermost-icon-block aligncenter items-justified-center"><div class="icon-container has-border-color has-lightbg-border-color has-icon-color has-background-color" style="color:#ffffff;width:85px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;border-width:2px;border-radius:100px"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div>
                <!-- /wp:outermost/icon-block -->

                <!-- wp:heading {"textAlign":"center","level":4,"textColor":"background"} -->
                <h4 class="has-text-align-center has-background-color has-text-color">Editing</h4>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","textColor":"background"} -->
                <p class="has-text-align-center has-background-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pulvinar massa sed turpis dapibus sollicitudin. </p>
                <!-- /wp:paragraph -->

                <!-- wp:outermost/icon-block {"iconName":"wordpress-arrowRight","itemsJustification":"center","iconColor":"background","iconColorValue":"#ffffff"} -->
                <div class="wp-block-outermost-icon-block items-justified-center"><div class="icon-container has-icon-color has-background-color" style="color:#ffffff;width:48px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"></path></svg></div></div>
                <!-- /wp:outermost/icon-block --></div>
            <!-- /wp:group --></div>
        <!-- /wp:column --></div>
    <!-- /wp:columns -->

    <!-- wp:group {"align":"wide","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
    <div class="wp-block-group alignwide"><!-- wp:heading {"level":1} -->
        <h1>Projects</h1>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"textColor":"background"} -->
        <p class="has-background-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <!-- /wp:paragraph --></div>
    <!-- /wp:group -->

    <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"10px","bottom":"0","left":"10px"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1140px"}} -->
    <div class="wp-block-group alignfull" style="padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px"><!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}},"layout":{"type":"default"}} -->
            <div class="wp-block-column is-vertically-aligned-center" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":2588,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#8c00b7","#fcff41"]}}} -->
                <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri().'/assets/img/product.jpg'); ?>" alt="" class="wp-image-2588"/></figure>
                <!-- /wp:image --></div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"spacing":{"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}}} -->
            <div class="wp-block-column" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":2588,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#a60072","#67ff66"]}}} -->
                <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri().'/assets/img/product.jpg'); ?>" alt="" class="wp-image-2588"/></figure>
                <!-- /wp:image --></div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"spacing":{"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}}} -->
            <div class="wp-block-column" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":2588,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#000000","#94d0e1"]}}} -->
                <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri().'/assets/img/product.jpg'); ?>" alt="" class="wp-image-2588"/></figure>
                <!-- /wp:image --></div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"spacing":{"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}}} -->
            <div class="wp-block-column" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":2588,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#1900d8","#ffa96b"]}}} -->
                <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri().'/assets/img/product.jpg'); ?>" alt="" class="wp-image-2588"/></figure>
                <!-- /wp:image --></div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"spacing":{"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}}} -->
            <div class="wp-block-column" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":2588,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#f78da7","#f8f9fa"]}}} -->
                <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri().'/assets/img/product.jpg'); ?>" alt="" class="wp-image-2588"/></figure>
                <!-- /wp:image --></div>
            <!-- /wp:column --></div>
        <!-- /wp:columns --></div>
    <!-- /wp:group --></section>
<!-- /wp:group -->
