themes-wordpress/rainfall/patterns/testimonials.php

<?php
/**
 * Title: Testimonials
 * Slug: rainfall/testimonials
 * Categories: featured
 */
?>

<!-- wp:group {"align":"full","backgroundColor":"orange","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-orange-background-color has-background"><!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"fontSize":"xx-large"} -->
<h2 class="has-xx-large-font-size"><?php echo esc_html__( 'The People\'s Voices', 'rainfall' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/testimonial-1.png" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( '“I\'ve lived in New York for twelve years and the city has grown on me. I wouldn\'t want to live anywhere else.”', 'rainfall' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
<p style="text-transform:uppercase"><em><?php echo esc_html__( 'Noah, Coffee Lover', 'rainfall' ); ?></em></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/testimonial-2.png" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( '“To me, surfing is ultimately a spiritual thing, the feeling of freedom I get from it is transcendental.”', 'rainfall' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
<p style="text-transform:uppercase"><em><?php echo esc_html__( 'Sam, Surfer', 'rainfall' ); ?></em></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/testimonial-3.png" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( '“I like driving from point A to point B. A car can truly simplify our lives. It\'s traffic that really sucks!”', 'rainfall' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
<p style="text-transform:uppercase"><em><?php echo esc_html__( 'Selma, Uber Driver', 'rainfall' ); ?></em></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/testimonial-4.png" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( '“Fashion is not just about clothes, it\'s about expression and the confidence to wear what represents you.”', 'rainfall' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
<p style="text-transform:uppercase"><em><?php echo esc_html__( 'Lily, Model', 'rainfall' ); ?></em></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/testimonial-5.png" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( '“An old lady was passing by our shop the other day and I just felt like offering her a rose.”', 'rainfall' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
<p style="text-transform:uppercase"><em><?php echo esc_html__( 'Fatimah, Loves Flowers', 'rainfall' ); ?></em></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->