<?php
/**
 * Title: RSVP
 * Slug: monowp/rsvp
 */
?>

<!-- wp:group {"metadata":{"categories":["featured","text","media","text","video","call-to-action","header"],"patternName":"monowp/rsvp","name":"Overview"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"dimensions":{"minHeight":"100vh"}},"backgroundColor":"accent-4","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignfull has-accent-4-background-color has-background" style="min-height:100vh;margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","width":"40%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|50","margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="min-height:100%;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","writingMode":"vertical-rl","fontSize":"201px","textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|extra"}}}},"textColor":"extra"} -->
<p class="has-text-align-right has-extra-color has-text-color has-link-color" style="font-size:201px;text-decoration:none;text-transform:uppercase;writing-mode:vertical-rl"><strong>RSVP</strong></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"extra"} -->
<hr class="wp-block-separator has-text-color has-extra-color has-alpha-channel-opacity has-extra-background-color has-background"/>
<!-- /wp:separator -->
<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-left has-x-large-font-size" style="font-style:normal;font-weight:300">A monochrome color design can&nbsp;work well with an elegant and minimalist&nbsp;style</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Use lots of white space and thin fonts.<br>A strong grid, sparse layout and restrained use of color.<br>These are the foundations of minimalist style!</p>
<!-- /wp:paragraph -->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} -->
<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:paragraph {"align":"left","style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"typography":{"fontSize":"300px","lineHeight":"1"}}} -->
<p class="has-text-align-left" style="font-size:300px;line-height:1"><a href="#" style="text-decoration:none">➔</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"60%","style":{"shadow":"12px 12px 50px rgba(0, 0, 0, 0.4)"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="box-shadow:12px 12px 50px rgba(0, 0, 0, 0.4);flex-basis:60%"><!-- wp:video -->
<figure class="wp-block-video"><video autoplay loop muted preload="auto" src="https://videos.pexels.com/video-files/8516672/8516672-uhd_1440_2560_30fps.mp4" playsinline></video></figure>
<!-- /wp:video --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
