page-example.html

<!-- wp:template-part {"slug":"header","className":"has-display-contents"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"},"style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}}} -->
<main class="wp-block-group alignfull" style="padding-left:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space)">

	<!-- wp:spacer {"height":"20px"} -->
	<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
	<!-- /wp:spacer -->

	<!-- wp:wporg/modal {"label":"Filter","type":"modal","align":"wide"} -->
		<!-- wp:wporg/modal-inner-content {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|10"}}},"backgroundColor":"light-grey-2"} -->
			<!-- This would be a custom block, created per-theme. -->

			<!-- wp:columns -->
			<div class="wp-block-columns"><!-- wp:column {"width":"33.34%"} -->
				<div class="wp-block-column" style="flex-basis:33.34%">
					<!-- wp:html -->
					<fieldset>
						<legend>Layout</legend>
						<label><input type="checkbox" name="layout"> Grid</label><br />
						<label><input type="checkbox" name="layout"> One column</label><br />
						<label><input type="checkbox" name="layout"> Two columns</label><br />
						<label><input type="checkbox" name="layout"> Three columns</label><br />
						<label><input type="checkbox" name="layout"> Left sidebar</label><br />
					</fieldset>
					<!-- /wp:html -->
				</div>
				<!-- /wp:column -->

				<!-- wp:column {"width":"33.34%"} -->
				<div class="wp-block-column" style="flex-basis:33.34%">
					<!-- wp:html -->
					<fieldset>
						<legend>Subject</legend>
						<label><input type="checkbox" name="subject"> Blog</label><br />
						<label><input type="checkbox" name="subject"> Education</label><br />
						<label><input type="checkbox" name="subject"> Entertainment</label><br />
						<label><input type="checkbox" name="subject"> Food & drink</label><br />
					</fieldset>
					<!-- /wp:html -->
				</div>
				<!-- /wp:column -->

				<!-- wp:column {"width":"33.33%"} -->
				<div class="wp-block-column" style="flex-basis:33.33%">
					<!-- wp:html -->
					<fieldset>
						<legend>Type</legend>
						<label><input type="radio" name="subject"> Classic Theme</label><br />
						<label><input type="radio" name="subject"> Block Theme</label><br />
					</fieldset>
					<!-- /wp:html -->
				</div>
				<!-- /wp:column -->
			</div>
			<!-- /wp:columns -->

			<!-- wp:html -->
			<input type="submit" value="Apply" />
			<!-- /wp:html -->

		<!-- /wp:wporg/modal-inner-content -->
	<!-- /wp:wporg/modal -->

	<!-- wp:group {"layout":{"inherit":true},"align":"wide","tagName":"article"} -->
	<article class="wp-block-group alignwide">
		<!-- wp:post-content {"layout":{"inherit":true},"align":"wide"} /-->
	</article>
	<!-- /wp:group -->

	<!-- wp:spacer {"height":"40px"} -->
	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
	<!-- /wp:spacer -->
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer"} /-->