
<?php
 /**
  * Title: Services List With Image
  * Slug: visualbusiness/services-list-with-image
  * Categories: visualbusiness
  */
?>

<!-- wp:group {"style":{"color":{"background":"#f7f9f9"},"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#f7f9f9;padding-top:4rem;padding-bottom:4rem"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"vivid-green-cyan"} -->
<p class="has-text-align-center has-vivid-green-cyan-color has-text-color">Our Services.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"large"} -->
<h2 class="wp-block-heading has-text-align-center has-large-font-size" style="font-style:normal;font-weight:400">Incredible Products And End <br> Devices That Suit Your Needs</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"3rem"}}}} -->
<div class="wp-block-columns" style="margin-top:3rem"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow service-item","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow service-item has-background-background-color has-background" style="border-radius:4px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":94,"width":372,"height":247,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"4px","topRight":"4px"}}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/service-2.jpeg" alt="" class="wp-image-94" style="border-top-left-radius:4px;border-top-right-radius:4px" width="372" height="247"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"15px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-text-align-center has-big-font-size" style="font-style:normal;font-weight:400">Discovery &amp; Strategy</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Curabitur finibus mollis pellentesque. Curabitur arcu nisi, dignissim a mollis in, imperdiet vitae sapien.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","style":{"spacing":{"padding":{"top":"5px","right":"15px","bottom":"5px","left":"15px"}},"border":{"radius":"4px"}},"fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a class="wp-block-button__link has-vivid-green-cyan-background-color has-background wp-element-button" style="border-radius:4px;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow service-item","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow service-item has-background-background-color has-background" style="border-radius:4px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":96,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"4px","topRight":"4px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/service-4.jpeg" alt="" class="wp-image-96" style="border-top-left-radius:4px;border-top-right-radius:4px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"15px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-text-align-center has-big-font-size" style="font-style:normal;font-weight:400">User Retargeting</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Sed vel sapien ligula. Aliquam quis laoreet quam, eget eleifend lorem. Bestibulum sagittis magna vitae nisi tempus.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","style":{"spacing":{"padding":{"top":"5px","right":"15px","bottom":"5px","left":"15px"}},"border":{"radius":"4px"}},"fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a class="wp-block-button__link has-vivid-green-cyan-background-color has-background wp-element-button" style="border-radius:4px;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow service-item","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow service-item has-background-background-color has-background" style="border-radius:4px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":95,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"4px","topRight":"4px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/service-3.jpeg" alt="" class="wp-image-95" style="border-top-left-radius:4px;border-top-right-radius:4px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"15px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-text-align-center has-big-font-size" style="font-style:normal;font-weight:400">Performance Marketing</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Lorem ipsum dolor sit amet, consectetur uvite adipiscing elit. Nam sagittis ultricies acumin rutrum. Nam in lacinia elit.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","style":{"spacing":{"padding":{"top":"5px","right":"15px","bottom":"5px","left":"15px"}},"border":{"radius":"4px"}},"fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a class="wp-block-button__link has-vivid-green-cyan-background-color has-background wp-element-button" style="border-radius:4px;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->