<?php
/**
 * Title: Four Topics in Tiles
 * Slug: greyd-wp/columns-four-topics-in-tiles
 * Description:
 * Categories: greyd-columns
 * Keywords:
 * Viewport Width: 800
 * Block Types:
 * Post Types:
 * Inserter: true
 */
?>
<!-- wp:group {"className":"","layout":{"type":"constrained","contentSize":"","justifyContent":"center"}} -->
<div class="wp-block-group">
	<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|x-large"}}},"className":""} -->
	<div class="wp-block-columns">
		<!-- wp:column {"width":"50%","className":""} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
			<div class="wp-block-group">
				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","padding":{"bottom":"var:preset|spacing|medium"}},"border":{"bottom":{"color":"var:preset|color|foreground","style":"dotted","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
				<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-style:dotted;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--medium)">
					<!-- wp:group {"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
					<div class="wp-block-group">
						<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|lightest"}}},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"9px","right":"9px"}},"border":{"radius":"100%","style":"none","width":"0px"}},"backgroundColor":"foreground","textColor":"lightest","className":"","layout":{"type":"default"}} -->
						<div class="wp-block-group has-lightest-color has-foreground-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;border-radius:100%;padding-top:2px;padding-right:9px;padding-bottom:2px;padding-left:9px">
							<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"className":"","fontSize":"tiny","fontFamily":"highlight"} -->
							<p class="has-highlight-font-family has-tiny-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( '1', 'greyd-wp' ); ?></p>
							<!-- /wp:paragraph -->
						</div>
						<!-- /wp:group -->
					</div>
					<!-- /wp:group -->

					<!-- wp:heading {"level":3,"className":"","fontSize":"medium"} -->
					<h3 class="wp-block-heading has-medium-font-size"><?php esc_html_e( 'Greyd Plugin', 'greyd-wp' ); ?></h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->

				<!-- wp:paragraph {"className":"","fontSize":"small"} -->
				<p class="has-small-font-size"><?php esc_html_e( 'The Greyd Plugin offers you a comprehensive set of features for creating and managing professional websites. From powerful extensions for the Block &amp; Site Editor to a feature-rich website management platform with time-saving admin functions.', 'greyd-wp' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"50%","className":""} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
			<div class="wp-block-group">
				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","padding":{"bottom":"var:preset|spacing|medium"}},"border":{"bottom":{"color":"var:preset|color|foreground","style":"dotted","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
				<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-style:dotted;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--medium)">
					<!-- wp:group {"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
					<div class="wp-block-group">
						<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|lightest"}}},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"9px","right":"9px"}},"border":{"radius":"100%"}},"backgroundColor":"foreground","textColor":"lightest","className":"","layout":{"type":"default"}} -->
						<div class="wp-block-group has-lightest-color has-foreground-background-color has-text-color has-background has-link-color" style="border-radius:100%;padding-top:2px;padding-right:9px;padding-bottom:2px;padding-left:9px">
							<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"className":"","fontSize":"tiny","fontFamily":"highlight"} -->
							<p class="has-highlight-font-family has-tiny-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( '2', 'greyd-wp' ); ?></p>
							<!-- /wp:paragraph -->
						</div>
						<!-- /wp:group -->
					</div>
					<!-- /wp:group -->

					<!-- wp:heading {"level":3,"className":"","fontSize":"medium"} -->
					<h3 class="wp-block-heading has-medium-font-size"><?php esc_html_e( 'Dynamic Templates', 'greyd-wp' ); ?></h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->

				<!-- wp:paragraph {"className":"","fontSize":"small"} -->
				<p class="has-small-font-size"><?php esc_html_e( 'Discover a new generation of WordPress templates! By fully separating content, design and layout we enable you to use the same template at different places with different content, in different designs and even with different layouts.', 'greyd-wp' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|x-large"}}},"className":""} -->
	<div class="wp-block-columns">
		<!-- wp:column {"width":"50%","className":""} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
			<div class="wp-block-group">
				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","padding":{"bottom":"var:preset|spacing|medium"}},"border":{"bottom":{"color":"var:preset|color|foreground","style":"dotted","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
				<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-style:dotted;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--medium)">
					<!-- wp:group {"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
					<div class="wp-block-group">
						<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|lightest"}}},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"9px","right":"9px"}},"border":{"radius":"100%"}},"backgroundColor":"foreground","textColor":"lightest","className":"","layout":{"type":"default"}} -->
						<div class="wp-block-group has-lightest-color has-foreground-background-color has-text-color has-background has-link-color" style="border-radius:100%;padding-top:2px;padding-right:9px;padding-bottom:2px;padding-left:9px">
							<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"className":"","fontSize":"tiny","fontFamily":"highlight"} -->
							<p class="has-highlight-font-family has-tiny-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( '3', 'greyd-wp' ); ?></p>
							<!-- /wp:paragraph -->
						</div>
						<!-- /wp:group -->
					</div>
					<!-- /wp:group -->

					<!-- wp:heading {"level":3,"className":"","fontSize":"medium"} -->
					<h3 class="wp-block-heading has-medium-font-size"><?php esc_html_e( 'Greyd.Forms', 'greyd-wp' ); ?></h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->

				<!-- wp:paragraph {"className":"","fontSize":"small"} -->
				<p class="has-small-font-size"><?php esc_html_e( 'Create any type of form with our block-based form generator. From simple contact forms with double opt-in to complex multistep forms with CRM connection, conditions and mathematical calculations, anything is possible!', 'greyd-wp' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"50%","className":""} -->
		<div class="wp-block-column" style="flex-basis:50%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
			<div class="wp-block-group">
				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","padding":{"bottom":"var:preset|spacing|medium"}},"border":{"bottom":{"color":"var:preset|color|foreground","style":"dotted","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
				<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-style:dotted;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--medium)">
					<!-- wp:group {"className":"","layout":{"type":"flex","orientation":"vertical"}} -->
					<div class="wp-block-group">
						<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|lightest"}}},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"9px","right":"9px"}},"border":{"radius":"100%"}},"backgroundColor":"foreground","textColor":"lightest","className":"","layout":{"type":"default"}} -->
						<div class="wp-block-group has-lightest-color has-foreground-background-color has-text-color has-background has-link-color" style="border-radius:100%;padding-top:2px;padding-right:9px;padding-bottom:2px;padding-left:9px">
							<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"className":"","fontSize":"tiny","fontFamily":"highlight"} -->
							<p class="has-highlight-font-family has-tiny-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( '4', 'greyd-wp' ); ?></p>
							<!-- /wp:paragraph -->
						</div>
						<!-- /wp:group -->
					</div>
					<!-- /wp:group -->

					<!-- wp:heading {"level":3,"className":"","fontSize":"medium"} -->
					<h3 class="wp-block-heading has-medium-font-size"><?php esc_html_e( 'Global Content', 'greyd-wp' ); ?></h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->

				<!-- wp:paragraph {"className":"","fontSize":"small"} -->
				<p class="has-small-font-size"><?php esc_html_e( 'With Global Content in Greyd.Suite you can use WordPress like a headless CMS. Synchronize content and elements on any number of websites and even across installations. Benefit from massive time savings in content management.', 'greyd-wp' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->
</div>
<!-- /wp:group -->