themes-wordpress/skatepark/patterns/paragraph-with-quote.php

<?php
/**
 * Title: Paragraph with quote
 * Slug: skatepark/paragraph-with-quote
 * Categories: text
 */
?>

<!-- wp:columns {"align":"wide","className":"paragraph-with-quote"} -->
<div class="wp-block-columns alignwide paragraph-with-quote"><!-- wp:column {"width":"22%"} -->
<div class="wp-block-column" style="flex-basis:22%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"56%","style":{"spacing":{"padding":{"right":"10%"}}}} -->
<div class="wp-block-column" style="padding-right:10%;flex-basis:56%"><!-- wp:heading {"level":4} -->
<h4><?php echo esc_html__( 'Why come to Skatepark?', 'skatepark' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard.', 'skatepark' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment for all camp attendees. Plus, you’ll work 1:1 with our team of coaches to learn how to skate.', 'skatepark' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"22%","style":{"spacing":{"padding":{"top":"4.1em"}}}} -->
<div class="wp-block-column" style="padding-top:4.1em;flex-basis:22%">

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"medium"} -->
<p class="has-medium-font-size" style="line-height:1.4"><?php echo esc_html__( 'I learned how to do a kick flip and made a bunch of new friends. Can’t wait to go back!', 'skatepark' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<p style="font-style:normal;font-weight:600"><?php echo esc_html__( '– Jane Doe, 11', 'skatepark' ); ?></p>
<!-- /wp:paragraph -->

</div>
<!-- /wp:column --></div>
<!-- /wp:columns -->