<?php
 /**
  * Title: Client Testimonials
  * Slug: visualbusiness/client-testimonials
  * 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"}} -->
<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">Testimonials.</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">What Our Clients Say.</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":751,"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-4.png" alt="" class="wp-image-751" style="border-radius:50px" width="60" height="60"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>John Doe</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"tertiary"} -->
<p class="has-tertiary-color has-text-color" style="font-size:12px">Founder &amp; CEO</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#777777">You made it so simple. My new site is so much faster and easier to work with than my old site. I just choose the page, make the change and click save.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"15px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":745,"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-1.png" alt="" class="wp-image-745" style="border-radius:50px" width="60" height="60"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>Kyle Jackson</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"tertiary"} -->
<p class="has-tertiary-color has-text-color" style="font-size:12px">Senior Advisor</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#777777">My new site is so much faster and easier to work with than my old site. Now it’s almost like having a designer right here with me. It’s so simple.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":754,"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-5.png" alt="" class="wp-image-754" style="border-radius:50px" width="60" height="60"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>Chris Smith</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"tertiary"} -->
<p class="has-tertiary-color has-text-color" style="font-size:12px">Management</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#777777">Wow. I just upgraded my website with your software and it was SO SIMPLE. I am blown away. You guys truly kick ass. Thanks for being so awesome.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"15px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":747,"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-2.png" alt="" class="wp-image-747" style="border-radius:50px" width="60" height="60"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>Paris Lohan</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"tertiary"} -->
<p class="has-tertiary-color has-text-color" style="font-size:12px">Community Manager</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#777777">They have everything for business to grow. They have mentors in every field they can help. If you want to grow in this business, they are the right choice.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":756,"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-6.png" alt="" class="wp-image-756" style="border-radius:50px" width="60" height="60"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>Anna Monroe</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"tertiary"} -->
<p class="has-tertiary-color has-text-color" style="font-size:12px">UI Designer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#777777">I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with you. I never have any problem at all.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"15px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":749,"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-3.png" alt="" class="wp-image-749" style="border-radius:50px" width="60" height="60"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>Mary Hilton</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"tertiary"} -->
<p class="has-tertiary-color has-text-color" style="font-size:12px">Business Executive</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#777777">Very explained even for a newly launched business. It's not for full understanding, but it works perfectly as an introduction for the subject.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->