<?php
/**
 * Title: Two-columns text
 * Slug: eliot/text-03
 * Categories: text, eliot_pattern
 */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
	<!-- wp:columns {"align":"wide","style":{"border":{"bottom":{"color":"var:preset|color|border-secondary","width":"1px"}},"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
	<div class="wp-block-columns alignwide" style="border-bottom-color:var(--wp--preset--color--border-secondary);border-bottom-width:1px;margin-top:0;margin-bottom:0">
		<!-- wp:column {"width":"50%"} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
			<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
				<!-- wp:heading {"level":4} -->
				<h4 class="wp-block-heading"><?php echo esc_html__( 'Sample Title', 'eliot' ); ?></h4>
				<!-- /wp:heading -->

				<!-- wp:paragraph -->
				<p><?php echo wp_kses_post( __( 'This is just a <em>dummy text</em> commonly used by web designers to fill the space that will later be filled with real content. This is necessary, for example, when the final text is not yet available. Dummy text is also known as "fill text".', 'eliot' ) ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"1px","style":{"border":{"right":{"color":"var:preset|color|border-secondary","width":"1px"},"top":{},"bottom":{"color":"var:preset|color|border-secondary","width":"1px"},"left":{}}}} -->
		<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--border-secondary);border-right-width:1px;border-bottom-color:var(--wp--preset--color--border-secondary);border-bottom-width:1px;flex-basis:1px"></div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"50%"} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
			<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
				<!-- wp:heading {"level":4} -->
				<h4 class="wp-block-heading"><?php echo esc_html__( 'Sample Title', 'eliot' ); ?></h4>
				<!-- /wp:heading -->

				<!-- wp:paragraph -->
				<p><?php echo wp_kses_post( __( 'This is just a <em>dummy text</em> commonly used by web designers to fill the space that will later be filled with real content. This is necessary, for example, when the final text is not yet available. Dummy text is also known as "fill text".', 'eliot' ) ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
	<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
		<!-- wp:column {"width":"50%"} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
			<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
				<!-- wp:heading {"level":4} -->
				<h4 class="wp-block-heading"><?php echo esc_html__( 'Sample Title', 'eliot' ); ?></h4>
				<!-- /wp:heading -->

				<!-- wp:paragraph -->
				<p><?php echo wp_kses_post( __( 'This is just a <em>dummy text</em> commonly used by web designers to fill the space that will later be filled with real content. This is necessary, for example, when the final text is not yet available. Dummy text is also known as "fill text".', 'eliot' ) ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"1px","style":{"border":{"right":{"color":"var:preset|color|border-secondary","width":"1px"},"top":{},"bottom":{"color":"var:preset|color|border-secondary","width":"1px"},"left":{}}}} -->
		<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--border-secondary);border-right-width:1px;border-bottom-color:var(--wp--preset--color--border-secondary);border-bottom-width:1px;flex-basis:1px"></div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"50%"} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
			<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
				<!-- wp:heading {"level":4} -->
				<h4 class="wp-block-heading"><?php echo esc_html__( 'Sample Title', 'eliot' ); ?></h4>
				<!-- /wp:heading -->

				<!-- wp:paragraph -->
				<p><?php echo wp_kses_post( __( 'This is just a <em>dummy text</em> commonly used by web designers to fill the space that will later be filled with real content. This is necessary, for example, when the final text is not yet available. Dummy text is also known as "fill text".', 'eliot' ) ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

</div>
<!-- /wp:group -->
