File "general-testimonials-columns-20241225134424.php"

Full Path: /home/ycoalition/public_html/blog/wp-content/themes/panama/patterns/general-testimonials-columns-20241225134424.php
File size: 7.24 KB
MIME-type: text/x-php
Charset: utf-8

<?php
/**
 * Title: Testimonials section with three quotes.
 * Slug: poe/general-testimonials-columns
 * Categories: poe-general
 */
?>
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
	<!-- wp:column {"backgroundColor":"quaternary"} -->
	<div class="wp-block-column has-quaternary-background-color has-background">
		<!-- wp:group {"backgroundColor":"quaternary"} -->
		<div class="wp-block-group has-quaternary-background-color has-background">
			<!-- wp:image {"align":"center","width":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
			<div class="wp-block-image is-style-rounded">
				<figure class="aligncenter size-full is-resized"><img
						src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/illustrations/avatar-1.png"
						alt="" width="100" /></figure>
			</div>
			<!-- /wp:image -->

			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center">“Poe guided us through rebranding our business with a steady hand and a keen eye for detail.”</p>
			<!-- /wp:paragraph -->

			<!-- wp:group {"style":{"spacing":{"padding":{"top":"0.5em","bottom":"1.5em"}}}} -->
			<div class="wp-block-group" style="padding-top:0.5em;padding-bottom:1.5em">
				<!-- wp:separator {"backgroundColor":"tertiary"} -->
				<hr
					class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background" />
				<!-- /wp:separator -->
			</div>
			<!-- /wp:group -->

			<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.05em"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"primary","fontSize":"small"} -->
			<h6 class="has-text-align-center has-primary-color has-text-color has-small-font-size"
				style="font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
				H.P. Lovecraft</h6>
			<!-- /wp:heading -->

			<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"small"} -->
			<h6 class="has-text-align-center has-small-font-size"
				style="font-style:normal;font-weight:600;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
				Author</h6>
			<!-- /wp:heading -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:column -->

	<!-- wp:column {"backgroundColor":"quaternary"} -->
	<div class="wp-block-column has-quaternary-background-color has-background">
		<!-- wp:group {"backgroundColor":"quaternary"} -->
		<div class="wp-block-group has-quaternary-background-color has-background">
			<!-- wp:image {"align":"center","width":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
			<div class="wp-block-image is-style-rounded">
				<figure class="aligncenter size-full is-resized"><img
						src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/illustrations/avatar-2.png"
						alt="" width="100" /></figure>
			</div>
			<!-- /wp:image -->

			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center">“Poe helped breath new life into our business with the launch of our refreshed online shop.”</p>
			<!-- /wp:paragraph -->

			<!-- wp:group {"style":{"spacing":{"padding":{"top":"0.5em","bottom":"1.5em"}}}} -->
			<div class="wp-block-group" style="padding-top:0.5em;padding-bottom:1.5em">
				<!-- wp:separator {"backgroundColor":"tertiary"} -->
				<hr
					class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background" />
				<!-- /wp:separator -->
			</div>
			<!-- /wp:group -->

			<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.05em"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"primary","fontSize":"small"} -->
			<h6 class="has-text-align-center has-primary-color has-text-color has-small-font-size"
				style="font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
				Mary Shelley</h6>
			<!-- /wp:heading -->

			<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"small"} -->
			<h6 class="has-text-align-center has-small-font-size"
				style="font-style:normal;font-weight:600;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
				Author</h6>
			<!-- /wp:heading -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:column -->

	<!-- wp:column {"backgroundColor":"quaternary"} -->
	<div class="wp-block-column has-quaternary-background-color has-background">
		<!-- wp:group {"backgroundColor":"quaternary"} -->
		<div class="wp-block-group has-quaternary-background-color has-background">
			<!-- wp:image {"align":"center","width":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
			<div class="wp-block-image is-style-rounded">
				<figure class="aligncenter size-full is-resized"><img
						src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/illustrations/avatar-3.png"
						alt="" width="100" /></figure>
			</div>
			<!-- /wp:image -->

			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center">“We were as impressed by the process leading up to our rebranding as we were by the result.”</p>
			<!-- /wp:paragraph -->

			<!-- wp:group {"style":{"spacing":{"padding":{"top":"0.5em","bottom":"1.5em"}}}} -->
			<div class="wp-block-group" style="padding-top:0.5em;padding-bottom:1.5em">
				<!-- wp:separator {"backgroundColor":"tertiary"} -->
				<hr
					class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background" />
				<!-- /wp:separator -->
			</div>
			<!-- /wp:group -->

			<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.05em"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"primary","fontSize":"small"} -->
			<h6 class="has-text-align-center has-primary-color has-text-color has-small-font-size"
				style="font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
				Shirley Jackson</h6>
			<!-- /wp:heading -->

			<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"small"} -->
			<h6 class="has-text-align-center has-small-font-size"
				style="font-style:normal;font-weight:600;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
				Author</h6>
			<!-- /wp:heading -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:column -->
</div>
<!-- /wp:columns -->