<?php
/**
 * Title: Testimonial
 * Slug: droplet/testimonial
 * Categories: droplet, testimonial
 */
?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"60px","right":"20px","bottom":"60px","left":"20px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:60px;padding-right:20px;padding-bottom:60px;padding-left:20px"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"letterSpacing":"2px"}},"textColor":"primary","fontSize":"small","fontFamily":"roboto"} -->
<h4 class="has-text-align-center has-primary-color has-text-color has-roboto-font-family has-small-font-size" style="letter-spacing:2px"><?php esc_html_e('Client Feedback','droplet'); ?></h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"40px","letterSpacing":"2px"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 class="has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:40px;font-style:normal;font-weight:700;letter-spacing:2px"><?php esc_html_e('Testimonials','droplet'); ?></h2>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"primary"} -->
<hr class="wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:group {"style":{"color":{"background":"#f8f8f8"},"border":{"radius":"2em"},"spacing":{"padding":{"top":"4em","bottom":"4em","right":"5em","left":"5em"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:2em;background-color:#f8f8f8;padding-top:4em;padding-right:5em;padding-bottom:4em;padding-left:5em"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.8"}},"fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size" style="line-height:1.8"><?php esc_html_e('Sed vel ligula in est ullamcorper tempor eget eget sapien. Duis sit amet facilisis urna. Nulla eget dolor molestie, dignissim neque non, consectetur tellus. Aenean odio nulla, porttitor tincidunt quam in, semper aliquet lorem. Phasellus efficitur dui non ipsum vulputate, ut sollicitudin ligula ullamcorper. Quisque…','droplet'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":220,"width":80,"height":80,"sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"width":"3px"}},"borderColor":"primary","className":"is-style-rounded"} -->
<figure class="wp-block-image size-thumbnail is-resized has-custom-border is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri().'/assets/img/testi1.jpg' ); ?>" alt="" class="has-border-color has-primary-border-color wp-image-220" style="border-width:3px" width="80" height="80"/></figure>
<!-- /wp:image -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"fontSize":"large"} -->
<h4 class="has-large-font-size"><a href="#"><?php esc_html_e('Peter Parker','droplet'); ?></a></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px"}}}} -->
<p style="margin-top:5px"><?php esc_html_e('(FPA Stackholder)','droplet'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->