<?php

/**
 * Title: Testimonials Grid Masonry
 * Slug: strativo/testimonial-grid-masonry
 * Categories: strativo-testimonial
 */
$strativo_url = trailingslashit(get_template_directory_uri());
$strativo_images = array(
    $strativo_url . 'assets/images/rating_star.png',
    $strativo_url . 'assets/images/testimonial_1.jpg',
    $strativo_url . 'assets/images/testimonial_2.jpg',
    $strativo_url . 'assets/images/testimonial_3.jpg',
    $strativo_url . 'assets/images/person_1.jpg',
    $strativo_url . 'assets/images/person_2.jpg',
    $strativo_url . 'assets/images/person_3.jpg',
);
?>
<!-- wp:group {"align":"full","metadata":{"categories":["strativo"],"patternName":"strativo/testimonial-grid","name":"Testimonials Grid"},"style":{"spacing":{"padding":{"top":"100px","bottom":"100px","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"background","layout":{"type":"constrained","contentSize":"1180px"}} -->
<div class="wp-block-group alignfull has-background-background-color has-background"
  style="margin-top:0px;margin-bottom:0px;padding-top:100px;padding-right:var(--wp--preset--spacing--40);padding-bottom:100px;padding-left:var(--wp--preset--spacing--40)">
  <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"60px"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained","contentSize":"640px"}} -->
  <div class="wp-block-group" style="margin-bottom:60px">
    <!-- wp:heading {"textAlign":"center","level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"normal"} -->
    <h5
      class="wp-block-heading has-text-align-center has-primary-color has-text-color has-link-color has-normal-font-size">
      <?php esc_html_e('Testimonials &amp; Reviews', 'strativo') ?>
    </h5>
    <!-- /wp:heading -->

    <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.3"},"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}}},"textColor":"heading-color","fontSize":"jumbo"} -->
    <h1
      class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-link-color has-jumbo-font-size"
      style="font-style:normal;font-weight:400;line-height:1.3">
      <?php esc_html_e('Hear From Our Happy Clients: Their Stories', 'strativo') ?>
    </h1>
    <!-- /wp:heading -->
  </div>
  <!-- /wp:group -->

  <!-- wp:columns {"style":{"spacing":{"margin":{"top":"0px"},"blockGap":{"left":"30px"}}}} -->
  <div class="wp-block-columns" style="margin-top:0px"><!-- wp:column -->
    <div class="wp-block-column">
      <!-- wp:group {"className":"strativo-hover-box","style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","layout":{"type":"constrained"}} -->
      <div class="wp-block-group strativo-hover-box has-background-alt-background-color has-background"
        style="border-style:none;border-width:0px;border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
        <!-- wp:image {"id":4435,"width":"94px","sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($strativo_images[0]) ?>" alt=""
            class="wp-image-4435" style="width:94px" /></figure>
        <!-- /wp:image -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
        <p class="has-foreground-color has-text-color has-link-color">
          <?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.', 'strativo') ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group">
          <!-- wp:image {"id":2415,"width":"auto","height":"60px","aspectRatio":"1","scale":"cover","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($strativo_images[1]) ?>" alt="" class="wp-image-2415"
              style="border-radius:50px;aspect-ratio:1;object-fit:cover;width:auto;height:60px" /></figure>
          <!-- /wp:image -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
          <div class="wp-block-group">
            <!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
            <h5 class="wp-block-heading has-primary-color has-text-color has-link-color"
              style="font-style:normal;font-weight:600">
              <?php esc_html_e('Matt Droplet', 'strativo') ?>
            </h5>
            <!-- /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('Fitness Coach', 'strativo') ?>
            </p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->

      <!-- wp:group {"className":"strativo-hover-box","style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","layout":{"type":"constrained"}} -->
      <div class="wp-block-group strativo-hover-box has-background-alt-background-color has-background"
        style="border-style:none;border-width:0px;border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
        <!-- wp:image {"id":4435,"width":"94px","sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($strativo_images[0]) ?>" alt=""
            class="wp-image-4435" style="width:94px" /></figure>
        <!-- /wp:image -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
        <p class="has-foreground-color has-text-color has-link-color">
          <?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam', 'strativo') ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group">
          <!-- wp:image {"id":2415,"width":"auto","height":"60px","aspectRatio":"1","scale":"cover","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($strativo_images[2]) ?>" alt="" class="wp-image-2415"
              style="border-radius:50px;aspect-ratio:1;object-fit:cover;width:auto;height:60px" /></figure>
          <!-- /wp:image -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
          <div class="wp-block-group">
            <!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
            <h5 class="wp-block-heading has-primary-color has-text-color has-link-color"
              style="font-style:normal;font-weight:600">
              <?php esc_html_e('Kristine Perrak', 'strativo') ?>
            </h5>
            <!-- /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('Blogger', 'strativo') ?>
            </p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column -->
    <div class="wp-block-column">
      <!-- wp:group {"className":"strativo-hover-box","style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","layout":{"type":"constrained"}} -->
      <div class="wp-block-group strativo-hover-box has-background-alt-background-color has-background"
        style="border-style:none;border-width:0px;border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
        <!-- wp:image {"id":4435,"width":"94px","sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($strativo_images[0]) ?>" alt=""
            class="wp-image-4435" style="width:94px" /></figure>
        <!-- /wp:image -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
        <p class="has-foreground-color has-text-color has-link-color">
          <?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'strativo') ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group">
          <!-- wp:image {"id":2415,"width":"auto","height":"60px","aspectRatio":"1","scale":"cover","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($strativo_images[3]) ?>" alt="" class="wp-image-2415"
              style="border-radius:50px;aspect-ratio:1;object-fit:cover;width:auto;height:60px" /></figure>
          <!-- /wp:image -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
          <div class="wp-block-group">
            <!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
            <h5 class="wp-block-heading has-primary-color has-text-color has-link-color"
              style="font-style:normal;font-weight:600">
              <?php esc_html_e('Robert Linken', 'strativo') ?>
            </h5>
            <!-- /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('Counseller', 'strativo') ?>
            </p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->

      <!-- wp:group {"className":"strativo-hover-box","style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","layout":{"type":"constrained"}} -->
      <div class="wp-block-group strativo-hover-box has-background-alt-background-color has-background"
        style="border-style:none;border-width:0px;border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
        <!-- wp:image {"id":4435,"width":"94px","sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($strativo_images[0]) ?>" alt=""
            class="wp-image-4435" style="width:94px" /></figure>
        <!-- /wp:image -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
        <p class="has-foreground-color has-text-color has-link-color">
          <?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam', 'strativo') ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group">
          <!-- wp:image {"id":2415,"width":"auto","height":"60px","aspectRatio":"1","scale":"cover","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($strativo_images[4]) ?>" alt="" class="wp-image-2415"
              style="border-radius:50px;aspect-ratio:1;object-fit:cover;width:auto;height:60px" /></figure>
          <!-- /wp:image -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
          <div class="wp-block-group">
            <!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
            <h5 class="wp-block-heading has-primary-color has-text-color has-link-color"
              style="font-style:normal;font-weight:600">
              <?php esc_html_e('John Doe', 'strativo') ?>
            </h5>
            <!-- /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('Fitness Coach', 'strativo') ?>
            </p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column -->
    <div class="wp-block-column">
      <!-- wp:group {"className":"strativo-hover-box","style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","layout":{"type":"constrained"}} -->
      <div class="wp-block-group strativo-hover-box has-background-alt-background-color has-background"
        style="border-style:none;border-width:0px;border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
        <!-- wp:image {"id":4435,"width":"94px","sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($strativo_images[0]) ?>" alt=""
            class="wp-image-4435" style="width:94px" /></figure>
        <!-- /wp:image -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
        <p class="has-foreground-color has-text-color has-link-color">
          <?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam', 'strativo') ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group">
          <!-- wp:image {"id":2415,"width":"auto","height":"60px","aspectRatio":"1","scale":"cover","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($strativo_images[5]) ?>" alt="" class="wp-image-2415"
              style="border-radius:50px;aspect-ratio:1;object-fit:cover;width:auto;height:60px" /></figure>
          <!-- /wp:image -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
          <div class="wp-block-group">
            <!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
            <h5 class="wp-block-heading has-primary-color has-text-color has-link-color"
              style="font-style:normal;font-weight:600">
              <?php esc_html_e('Liyana Torq', 'strativo') ?>
            </h5>
            <!-- /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('Yoga Coach', 'strativo') ?>
            </p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->

      <!-- wp:group {"className":"strativo-hover-box","style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","layout":{"type":"constrained"}} -->
      <div class="wp-block-group strativo-hover-box has-background-alt-background-color has-background"
        style="border-style:none;border-width:0px;border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
        <!-- wp:image {"id":4435,"width":"94px","sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($strativo_images[0]) ?>" alt=""
            class="wp-image-4435" style="width:94px" /></figure>
        <!-- /wp:image -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
        <p class="has-foreground-color has-text-color has-link-color">
          <?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.', 'strativo') ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group">
          <!-- wp:image {"id":2415,"width":"auto","height":"60px","aspectRatio":"1","scale":"cover","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($strativo_images[6]) ?>" alt="" class="wp-image-2415"
              style="border-radius:50px;aspect-ratio:1;object-fit:cover;width:auto;height:60px" /></figure>
          <!-- /wp:image -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
          <div class="wp-block-group">
            <!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
            <h5 class="wp-block-heading has-primary-color has-text-color has-link-color"
              style="font-style:normal;font-weight:600">
              <?php esc_html_e('Benzamin Clark', 'strativo') ?>
            </h5>
            <!-- /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('Fitness Coach', 'strativo') ?>
            </p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->
