<?php
/**
 * Title: Gallery
 * Slug: monowp/gallery
 */
?>

<!-- wp:group {"metadata":{"categories":["featured","text","media","text","gallery","portfolio"],"patternName":"monowp/gallery","name":"Grid"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"backgroundColor":"black","textColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-base-2-color has-black-background-color has-text-color has-background has-link-color" style="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|60"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"spacing":{"padding":{"right":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="padding-right:0;flex-basis:60%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"stretch"}} -->
<div class="wp-block-group" style="min-height:100%"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none","className":"is-style-default","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<figure class="wp-block-image size-large is-style-default"><img src="https://live.staticflickr.com/426/19765781730_597efafd35_b.jpg" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"#7f7f7f"}}},"typography":{"fontStyle":"normal","fontWeight":"400"},"color":{"text":"#7f7f7f"}},"fontSize":"medium"} -->
<p class="has-text-align-left has-text-color has-link-color has-medium-font-size" style="color:#7f7f7f;font-style:normal;font-weight:400">Lorem ipsum dolor sit amet, consectetur&nbsp;adipiscing elit. Pellentesque dapibus,&nbsp;neque consectetur imperdiet euismod,&nbsp;purus risus mattis purus, ac laoreet orci&nbsp;quam ac ante. Vivamus tristique laoreet&nbsp;ex, vel dapibus orci malesuada ut. Integer&nbsp;aliquet vestibulum metus vel efficitur.&nbsp;Vestibulum in dolor metus.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#7f7f7f"}}},"color":{"text":"#7f7f7f"}},"fontSize":"medium"} -->
<p class="has-text-color has-link-color has-medium-font-size" style="color:#7f7f7f">Nulla tincidunt faucibus enim, quis&nbsp;lacinia diam pellentesque et. Nullam&nbsp;eleifend placerat blandit. Fusce id&nbsp;sagittis justo. Phasellus tempus nec&nbsp;tellus et lobortis. In sed metus eget dui&nbsp;vehicula mollis nec in dui. Curabitur eu&nbsp;urna est. Cras lobortis mi ut accumsan&nbsp;euismod. Aliquam tincidunt ultrices&nbsp;efficitur.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"textTransform":"uppercase"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-right has-white-color has-text-color has-link-color has-medium-font-size" style="text-transform:uppercase"><strong>Monochrome design mockup</strong></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"textAlign":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-right has-white-color has-text-color has-link-color 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:spacer {"height":"var:preset|spacing|40","style":{"layout":[]}} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-right has-white-color has-text-color has-link-color has-medium-font-size"><em>Use lots of white space and thin fonts. A strong grid, sparse layout and restrained use of color. These are the foundations of minimalist style!</em></p>
<!-- /wp:paragraph -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-style-default"><img src="https://live.staticflickr.com/5787/23053831356_1f7644fbe2_b.jpg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
