<?php
/**
 * Title: Call To Action Style 18
 * Slug: nexter-fse/cta-style-18
 * Categories: nexter-fse-cta
 * @package nexter-fse
 * @since 1.0.0
 * Keywords: columns with button, alternate column, columns for call to action
 * Viewport width: 1170
 */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|80","padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","right":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"constrained"},"metadata":{"name":"Build your ad section"}} -->
<div class="wp-block-group alignfull"
     style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--20)">
    <!-- wp:columns {"align":"wide"} -->
    <div class="wp-block-columns alignwide"><!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:columns {"verticalAlignment":null,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
            <div class="wp-block-columns">
                <!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0"}}} -->
                <div class="wp-block-column is-vertically-aligned-stretch">
                    <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
                    <figure class="wp-block-image size-full"><img
                                style="aspect-ratio:1;object-fit:cover"
                                src="<?php echo esc_url(get_theme_file_uri('assets/images/macbook-writing-hand-typing.jpg')); ?>"
                                alt=""/></figure>
                    <!-- /wp:image --></div>
                <!-- /wp:column -->

                <!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
                <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"className":"height-100p","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
                    <div class="wp-block-group height-100p">
                        <!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.5"}},"fontSize":"x-large"} -->
                        <h2 class="wp-block-heading has-x-large-font-size"
                            style="font-style:normal;font-weight:500;line-height:1.5">We Makes Different Solutions.</h2>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} -->
                        <p class="has-small-font-size" style="font-style:normal;font-weight:400">Sed Ut Perspiciatis Unde Monist Natus Voluptatem Accusantium Doloremque Laudanum, Totam Rem Aperiam Eaque Ipsa Quae Abillo Inventore</p>
                        <!-- /wp:paragraph -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top","justifyContent":"left"}} -->
                        <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
                            <div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"filter-svg-primary"} -->
                                <figure class="wp-block-image size-full filter-svg-primary"><img
                                            src="<?php echo esc_url(get_theme_file_uri('assets/images/chart-icon.svg')); ?>"
                                            alt=""/></figure>
                                <!-- /wp:image --></div>
                            <!-- /wp:group -->

                            <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"top"}} -->
                            <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.3","fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
                                <h2 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:500;line-height:1.3">Product Engineering</h2>
                                <!-- /wp:heading -->

                                <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} -->
                                <p class="has-small-font-size" style="font-style:normal;font-weight:400">We are providing top quality &amp; creative designs to our clients for best result for your business</p>
                                <!-- /wp:paragraph --></div>
                            <!-- /wp:group --></div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top","justifyContent":"left"}} -->
                        <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
                            <div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"filter-svg-primary"} -->
                                <figure class="wp-block-image size-full filter-svg-primary"><img
                                            src="<?php echo esc_url(get_theme_file_uri('assets/images/rocket-icon.svg')); ?>"
                                            alt=""/></figure>
                                <!-- /wp:image --></div>
                            <!-- /wp:group -->

                            <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"top"}} -->
                            <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.3","fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
                                <h2 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:500;line-height:1.3">Digital Services</h2>
                                <!-- /wp:heading -->

                                <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} -->
                                <p class="has-small-font-size" style="font-style:normal;font-weight:400">We are providing top quality &amp; creative designs to our clients for best result for your business</p>
                                <!-- /wp:paragraph --></div>
                            <!-- /wp:group --></div>
                        <!-- /wp:group -->

                        <!-- wp:buttons -->
                        <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"red","className":"is-style-fill","fontSize":"extra-small"} -->
                            <div class="wp-block-button has-custom-font-size is-style-fill has-extra-small-font-size"><a class="wp-block-button__link has-red-background-color has-background wp-element-button">Build your Ad</a></div>
                            <!-- /wp:button --></div>
                        <!-- /wp:buttons --></div>
                    <!-- /wp:group --></div>
                <!-- /wp:column --></div>
            <!-- /wp:columns --></div>
        <!-- /wp:column --></div>
    <!-- /wp:columns -->

    <!-- wp:columns {"align":"wide"} -->
    <div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column"><!-- wp:columns {"verticalAlignment":null,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
            <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
                <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"className":"height-100p","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
                    <div class="wp-block-group height-100p"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.3"}},"fontSize":"x-large"} -->
                        <h2 class="wp-block-heading has-x-large-font-size" style="font-style:normal;font-weight:500;line-height:1.3">Collaborate with your team members easily!</h2>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} -->
                        <p class="has-small-font-size" style="font-style:normal;font-weight:400">At the core of our philosophy is the belief that every individual deserves to possess a breathtaking website. With Essentials theme, you can effortlessly blend together layouts that complement each other.</p>
                        <!-- /wp:paragraph -->

                        <!-- wp:list {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} -->
                        <ul style="font-style:normal;font-weight:400" class="has-small-font-size"><!-- wp:list-item -->
                            <li class="">At the core of our philosophy is the belief.</li>
                            <!-- /wp:list-item -->

                            <!-- wp:list-item -->
                            <li class="">Consectetur adipiscing elit, sed do eiusmod.</li>
                            <!-- /wp:list-item -->

                            <!-- wp:list-item -->
                            <li class="">Excepteur sint occaecat cupidatat non proident.</li>
                            <!-- /wp:list-item -->

                            <!-- wp:list-item -->
                            <li class="">Ut enim ad minim veniam.</li>
                            <!-- /wp:list-item --></ul>
                        <!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"surface","className":"is-style-outline ","fontSize":"extra-small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-extra-small-font-size"><a class="wp-block-button__link has-surface-background-color has-background wp-element-button">Build your Ad</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

                <!-- wp:column -->
                <div class="wp-block-column"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
                    <figure class="wp-block-image size-full"><img
                                src="<?php echo esc_url(get_theme_file_uri('assets/images/coffee-food-watch-tableware.jpg')) ?>"
                                alt="" style="aspect-ratio:1;object-fit:cover"/></figure>
                    <!-- /wp:image --></div>
                <!-- /wp:column --></div>
            <!-- /wp:columns --></div>
        <!-- /wp:column --></div>
    <!-- /wp:columns --></div>
<!-- /wp:group -->
