18 Popular Free WordPress Custom Block Patterns (Just Copy-Paste)

Popular WordPress Patterns List (Just Copy-Paste) Gallery as an introduction <!– wp:columns {“align”:”wide”} –> <div class=”wp-block-columns alignwide”><!– wp:column {“width”:”35%”} –> <div class=”wp-block-column” style=”flex-basis:35%”><!– wp:heading –> <h2 id=”views-of-mt-fuji”>Views of Mt. Fuji</h2> <!– /wp:heading –> <!– wp:paragraph –> <p>An exhibition of early 20th century woodblock prints featuring the majesty of Mt. Fuji.</p> <!– /wp:paragraph –> <!– wp:paragraph…

Popular WordPress Patterns List (Just Copy-Paste)

Gallery as an introduction

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis:35%"><!-- wp:heading -->
<h2 id="views-of-mt-fuji">Views of Mt. Fuji</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>An exhibition of early 20th century woodblock prints featuring the majesty of Mt. Fuji.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong><a href="#">Learn More →</a></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:gallery {"columns":2,"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-2 is-cropped"><!-- wp:image {"id":841,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-3065130-jpeg-1024x1024.jpg" alt="" class="wp-image-841" /></figure>
<!-- /wp:image -->

<!-- wp:image {"id":840,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-3064488-jpeg-1024x1024.jpg" alt="" class="wp-image-840" /></figure>
<!-- /wp:image -->

<!-- wp:image {"id":839,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-3063921-jpeg-1024x449.jpg" alt="" class="wp-image-839" /></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Background picture in large size with title and description

<!-- wp:cover {"url":"https://s.w.org/patterns/files/2021/08/Fishing-Boats-Key-West-Winslow-Homer-scaled-1.jpg","id":2170,"dimRatio":0,"focalPoint":{"x":0.5,"y":"1.00"},"minHeight":63,"minHeightUnit":"vw","contentPosition":"bottom center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"600px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-bottom-center" style="padding-top:600px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:63vw"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2170" alt="" src="https://s.w.org/patterns/files/2021/08/Fishing-Boats-Key-West-Winslow-Homer-scaled-1.jpg" style="object-position:50% 100%" data-object-fit="cover" data-object-position="50% 100%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"color":{"text":"#ffffff"},"spacing":{"padding":{"top":"2em","right":"3em","bottom":"2em","left":"3em"}}},"backgroundColor":"black"} -->
<div class="wp-block-group alignwide has-black-background-color has-text-color has-background" style="color:#ffffff;padding-top:2em;padding-right:3em;padding-bottom:2em;padding-left:3em"><!-- wp:heading {"align":"wide","style":{"typography":{"fontWeight":"700"}},"fontSize":"extra-large"} -->
<h2 class="alignwide has-extra-large-font-size" id="fishing-boats" style="font-weight:700">FISHING BOATS</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","style":{"color":{"background":"#ffffff"},"spacing":{"padding":{"top":"3em","right":"3em","bottom":"3em","left":"3em"}}},"textColor":"black"} -->
<div class="wp-block-group alignwide has-black-color has-text-color has-background" style="background-color:#ffffff;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"placeholder":"Write title…","textColor":"black"} -->
<p class="has-black-color has-text-color"><strong>Winslow Homer</strong>, 1903</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"textColor":"black"} -->
<p class="has-black-color has-text-color"><strong>Winslow Homer</strong> was an American landscape painter best known for his marine subjects. He is considered one of the foremost painters in 19th-century America.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"black"} -->
<p class="has-black-color has-text-color"><strong><a href="#">Learn More →</a></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

Text and a button on a slanted backdrop

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"13em","bottom":"13em"}},"color":{"gradient":"linear-gradient(150deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgb(34,34,34) 25%,rgb(17,17,17) 75%,rgba(255,255,255,0) 75%,rgba(248,213,165,0) 100%)"}},"textColor":"white"} -->
<div class="wp-block-group alignfull has-white-color has-text-color has-background" style="background:linear-gradient(150deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgb(34,34,34) 25%,rgb(17,17,17) 75%,rgba(255,255,255,0) 75%,rgba(248,213,165,0) 100%);padding-top:13em;padding-bottom:13em"><!-- wp:heading {"textAlign":"center","style":{"typography":{"lineHeight":"1.2"}}} -->
<h2 class="has-text-align-center" id="art-beaute" style="line-height:1.2">Art &amp; Beauté</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Writing that influences modern culture</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-color has-text-color" href="#0">Subscribe</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

Cards describing yourself

<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:column {"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background"><!-- wp:image {"id":695,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-459455-jpeg-2-scaled-e1623939655993-1024x786.jpg" alt="A japanese painting of a bird in a river." class="wp-image-695" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"32px","left":"32px","bottom":"48px"}}}} -->
<div class="wp-block-group" style="padding-right:32px;padding-bottom:48px;padding-left:32px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}},"textColor":"white"} -->
<h3 class="has-text-align-left has-white-color has-text-color" id="my-story" style="line-height:1">My Story</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"white","fontSize":"small"} -->
<p class="has-text-align-left has-white-color has-text-color has-small-font-size">Learn how I became an artist, and how I developed this particular style.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><a href="#">Read my story →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background"><!-- wp:image {"id":696,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-459357-jpeg-2-scaled-e1623939983253-1024x785.jpg" alt="Japanese painting of flora on a river." class="wp-image-696" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"32px","left":"32px","bottom":"48px"}}}} -->
<div class="wp-block-group" style="padding-right:32px;padding-bottom:48px;padding-left:32px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}},"textColor":"white"} -->
<h3 class="has-text-align-left has-white-color has-text-color" id="get-in-touch" style="line-height:1">Get in Touch</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"white","fontSize":"small"} -->
<p class="has-text-align-left has-white-color has-text-color has-small-font-size">Want to show my art in your gallery? Send me an email and we'll chat.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><a href="#">Get in touch →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background"><!-- wp:image {"id":698,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-461096-jpeg-2-scaled-e1623939743434-1024x786.jpg" alt="Japanese painting of birds in the shore." class="wp-image-698" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"32px","left":"32px","bottom":"48px"}}}} -->
<div class="wp-block-group" style="padding-right:32px;padding-bottom:48px;padding-left:32px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}},"textColor":"white"} -->
<h3 class="has-text-align-left has-white-color has-text-color" id="follow-me" style="line-height:1">Follow Me</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"white","fontSize":"small"} -->
<p class="has-text-align-left has-white-color has-text-color has-small-font-size">Love my work? Follow me online to see new paintings first.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><a href="#">Follow me →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Two photos offset with descriptions

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"150px","bottom":"150px","right":"50px","left":"50px"}},"color":{"background":"#f4f3ef","text":"#3d3d48"}}} -->
<div class="wp-block-group alignfull has-text-color has-background" style="background-color:#f4f3ef;color:#3d3d48;padding-top:150px;padding-right:50px;padding-bottom:150px;padding-left:50px"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"top","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:image {"align":"wide","id":2223,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image alignwide size-large"><img src="https://s.w.org/patterns/files/2021/07/image-from-rawpixel-id-3063927-jpeg-1-449x1024.jpg" alt="" class="wp-image-2223" /></figure>
<!-- /wp:image -->

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

<!-- wp:column {"verticalAlignment":"bottom","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:50%"><!-- wp:heading {"level":1,"style":{"typography":{"fontWeight":"900","fontSize":"50px","lineHeight":"1.1"}}} -->
<h1 id="works-of-hiroaki-takahashi" style="font-size:50px;font-weight:900;line-height:1.1">Works of Hiroaki Takahashi</h1>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"70%"} -->
<div class="wp-block-column" style="flex-basis:70%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><em>A 20th-century Japanese woodblock artist in the shin-hanga art movement.</em></p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left","id":2224,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image alignleft size-large"><img src="https://s.w.org/patterns/files/2021/07/image-from-rawpixel-id-3064481-jpeg-1-600x1024.jpg" alt="" class="wp-image-2224" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

Text column on a static background

<!-- wp:cover {"url":"https://s.w.org/patterns/files/2021/08/image-from-rawpixel-id-1207192-jpeg-1-scaled-1.jpg","id":833,"hasParallax":true,"dimRatio":30,"overlayColor":"black","minHeight":100,"minHeightUnit":"vh","contentPosition":"bottom center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-cover alignfull is-light has-parallax has-custom-content-position is-position-bottom-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;background-image:url(https://s.w.org/patterns/files/2021/08/image-from-rawpixel-id-1207192-jpeg-1-scaled-1.jpg);min-height:100vh"><span aria-hidden="true" class="has-black-background-color has-background-dim-30 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"45%"} -->
<div class="wp-block-column" style="flex-basis:45%"><!-- wp:cover {"overlayColor":"white","minHeight":100,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"right":"3em","left":"3em"}}}} -->
<div class="wp-block-cover is-light" style="padding-right:3em;padding-left:3em;min-height:100vh"><span aria-hidden="true" class="has-white-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textColor":"black"} -->
<h2 class="has-black-color has-text-color" id="hello-rover">Hello Rover</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"black"} -->
<p class="has-black-color has-text-color">The Lunar Roving Vehicle (LRV) was designed to transport astronauts and materials on the Moon. Original from NASA.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
<p class="has-black-color has-text-color has-link-color"><strong><a href="#">Learn More</a></strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

A simple call to action

<!-- wp:group {"align":"full","style":{"color":{"text":"#000000","background":"#ffffff"}}} -->
<div class="wp-block-group alignfull has-text-color has-background" style="background-color:#ffffff;color:#000000"><!-- wp:spacer {"height":64} -->
<div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":".9"}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="line-height:.9"><strong>GET IN TOUCH</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":59,"lineHeight":"1.15"}}} -->
<h2 class="has-text-align-center" id="schedule-a-visit" style="font-size:59px;line-height:1.15"><strong>Schedule a Visit</strong></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50,"style":{"color":{"background":"#000000","text":"#ffffff"},"border":{"radius":"50px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link has-text-color has-background" style="border-radius:50px;background-color:#000000;color:#ffffff">Contact us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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

Contact information and social links

<!-- wp:media-text {"mediaPosition":"right","mediaId":579,"mediaLink":"https:\/\/wordpress.org\/patterns\/palm-leaves\/","mediaType":"image","verticalAlignment":"bottom","style":{"color":{"background":"#ffffff","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}}}} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-bottom has-text-color has-background has-link-color" style="background-color:#ffffff;color:#000000"><figure class="wp-block-media-text__media"><img src="https://s.w.org/patterns/files/2021/06/palm-leaves-683x1024.jpg" alt="" class="wp-image-579 size-full" /></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"style":{"typography":{"fontWeight":"700","fontSize":"3em"}}} -->
<h2 style="font-size:3em;font-weight:700">Contact us</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.1em"}}} -->
<p style="font-size:1.1em">123 Columbia St, Brooklyn, NY<br>12345, United States</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.1em"}}} -->
<p style="font-size:1.1em">Phone: +12345678900<br>Email: <a href="mailto:example@example.com">example@example.com</a></p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"customIconColor":"#FFFFFF","iconColorValue":"#FFFFFF","customIconBackgroundColor":"#000000","iconBackgroundColorValue":"#000000","className":"is-style-default"} -->
<ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default"><!-- wp:social-link {"url":"https:\/\/facebook.com","service":"facebook"} /-->

<!-- wp:social-link {"url":"https:\/\/instagram.com","service":"instagram"} /-->

<!-- wp:social-link {"url":"https:\/\/twitter.com","service":"twitter"} /--></ul>
<!-- /wp:social-links --></div></div>
<!-- /wp:media-text -->

Overlapping photos in the hero banner

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","right":"80px","bottom":"100px","left":"80px"},"blockGap":"0px"},"color":{"gradient":"linear-gradient(360deg,rgb(255,255,255) 42%,rgb(0,0,0) 42%)"}},"layout":{"wideSize":"100%"},"fontSize":"small"} -->
<div class="wp-block-group alignfull has-background has-small-font-size" style="background:linear-gradient(360deg,rgb(255,255,255) 42%,rgb(0,0,0) 42%);padding-top:100px;padding-right:80px;padding-bottom:100px;padding-left:80px"><!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"lineHeight":2}},"textColor":"white"} -->
<h2 class="alignwide has-text-align-center has-white-color has-text-color" style="line-height:2"><strong>Adventures With Lorem Ipsum</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","align":"wide","textColor":"luminous-vivid-amber","fontSize":"medium"} -->
<h2 class="alignwide has-text-align-center has-luminous-vivid-amber-color has-text-color has-medium-font-size">Looking Back on Love</h2>
<!-- /wp:heading -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"100px","bottom":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:100px;margin-bottom:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full" style="border-radius:15px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0159.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=70ee16211abf08751df43d4ef96d2cbb" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full" style="border-radius:15px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-oct18-033.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=70487222d70c25760a26b47da2d91646" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full" style="border-radius:15px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0308.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=40111256e224ac932f446f66d9236129" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full" style="border-radius:15px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0158.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=81db7591c3f006b266037d363ff339d9" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Logos of partners

<!-- wp:group {"align":"full","style":{"color":{"background":"#f5f5f5"}}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f5f5f5"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center" id="our-partners">Our Partners</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">This collection is made possible by the generosity of our donors. </p>
<!-- /wp:paragraph -->

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

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator is-style-dots" />
<!-- /wp:separator -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":721,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/lantern-1024x1024.jpg" alt="" class="wp-image-721" /><figcaption>Oil Lamp Co.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":724,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/typewriter-1024x1024.jpg" alt="" class="wp-image-724" /><figcaption>Typewriter, Inc.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":723,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/sea-turtle-1024x1024.jpg" alt="" class="wp-image-723" /><figcaption>Sea Turtles Co.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":720,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/binoculars-1024x1024.jpg" alt="" class="wp-image-720" /><figcaption>Binoculars Inc.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":722,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/sea-serpent-1024x1024.jpg" alt="" class="wp-image-722" /><figcaption>Sea Serpent Co.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

Background with an image and a quote

<!-- wp:media-text {"mediaPosition":"right","mediaId":5263,"mediaLink":"https://wordpress.org/patterns/pattern/image-and-quote-on-a-background/pear-3/","mediaType":"image","verticalAlignment":"center","style":{"color":{"background":"#f1f5c7"}}} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center has-background" style="background-color:#f1f5c7"><figure class="wp-block-media-text__media"><img src="https://s.w.org/patterns/files/2021/06/pear-1-1024x1024.png" alt="" class="wp-image-5263 size-full" /></figure><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-group" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2","fontSize":"36px"}}} -->
<p style="font-size:36px;line-height:1.2"><strong>Even the bitterest fruit has sugar in it.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"extra-small"} -->
<p class="has-extra-small-font-size">– Terry a O'Neal</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"mediaId":673,"mediaLink":"https://wordpress.org/patterns/pear-half/","mediaType":"image","verticalAlignment":"center","style":{"color":{"background":"#fffdea"}}} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center has-background" style="background-color:#fffdea"><figure class="wp-block-media-text__media"><img src="https://s.w.org/patterns/files/2021/06/pear-half-1024x1024.png" alt="" class="wp-image-673 size-full" /></figure><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-group" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2","fontSize":"36px"}}} -->
<p style="font-size:36px;line-height:1.2"><strong>The trees that are slow to grow bear the best fruit.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"extra-small"} -->
<p class="has-extra-small-font-size">– Molière</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:media-text -->

Overlay a callout on a patterned background

<!-- wp:cover {"url":"https:\/\/s.w.org\/patterns\/files\/2021\/06\/image-from-rawpixel-id-495947-jpeg-scaled.jpg","id":863,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","align":"full"} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><img class="wp-block-cover__image-background wp-image-863" alt="" src="https://s.w.org/patterns/files/2021/06/image-from-rawpixel-id-495947-jpeg-scaled.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"color":{"text":"#28303d"},"spacing":{"padding":{"top":"6em","right":"4em","bottom":"6em","left":"4em"}}},"backgroundColor":"white","className":"is-style-default"} -->
<div class="wp-block-group alignwide is-style-default has-white-background-color has-text-color has-background" style="color:#28303d;padding-top:6em;padding-right:4em;padding-bottom:6em;padding-left:4em"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","width":"33.33%","backgroundColor":"white"} -->
<div class="wp-block-column is-vertically-aligned-center has-white-background-color has-background" style="flex-basis:33.33%"><!-- wp:image {"align":"center","id":862,"width":300,"height":300,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="https://s.w.org/patterns/files/2021/06/dracaena-updated-1024x1024.jpg" alt="" class="wp-image-862" width="300" height="300" /></figure></div>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"style":{"color":{"text":"#28303d"},"typography":{"fontSize":"48px"}}} -->
<h2 class="has-text-color" style="color:#28303d;font-size:48px"><strong>A day in nature</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#39414d"},"typography":{"lineHeight":"1.7"}},"fontSize":"medium"} -->
<p class="has-text-color has-medium-font-size" style="color:#39414d;line-height:1.7">The word&nbsp;<em>nature</em>&nbsp;is borrowed from the&nbsp;<a href="https://en.wikipedia.org/wiki/Old_French">Old French</a>&nbsp;<em>nature</em>&nbsp;and is derived from the&nbsp;<a href="https://en.wikipedia.org/wiki/Latin">Latin</a>&nbsp;word&nbsp;<em>natura</em>, or "essential qualities, innate disposition", and in ancient times, literally meant "birth".</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#28303d"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-text-color has-background" style="background-color:#28303d">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

Image with text and an angled overlay

<!-- wp:cover {"url":"https://s.w.org/patterns/files/2021/08/bird-pattern-scaled-1.jpg","id":764,"minHeight":700,"customGradient":"linear-gradient(135deg,rgb(54,6,6) 0%,rgb(54,6,6) 50%,rgba(155,82,224,0) 50%,rgba(155,82,224,0) 100%)","contentPosition":"top left","align":"wide","style":{"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-cover alignwide has-custom-content-position is-position-top-left" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em;min-height:700px"><span aria-hidden="true" class="has-background-dim-100 wp-block-cover__gradient-background has-background-dim has-background-gradient" style="background:linear-gradient(135deg,rgb(54,6,6) 0%,rgb(54,6,6) 50%,rgba(155,82,224,0) 50%,rgba(155,82,224,0) 100%)"></span><img class="wp-block-cover__image-background wp-image-764" alt="A container with an image background with an angled red overlay atop it. A heading and paragraph are aligned to the top left of the container." src="https://s.w.org/patterns/files/2021/08/bird-pattern-scaled-1.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"lineHeight":"1"}},"textColor":"white","fontSize":"huge"} -->
<h2 class="has-white-color has-text-color has-link-color has-huge-font-size" id="art-nouveau-patterns" style="line-height:1"><strong>Art Nouveau:<br>Patterns</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"normal"} -->
<p class="has-white-color has-text-color has-link-color has-normal-font-size">July 14-24, 2021</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

Quote and offset gallery with fixed background

<!-- wp:cover {"url":"https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg","id":665,"hasParallax":true,"dimRatio":40,"overlayColor":"primary","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","right":"5vw","bottom":"5vw","left":"5vw"}}}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-image:url(https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg)"><span aria-hidden="true" class="has-primary-background-color has-background-dim-40 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"top","align":"full"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"72%","style":{"spacing":{"padding":{"right":"4vw","top":"0vw","bottom":"0vw","left":"0vw"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%"><!-- wp:image {"id":666,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"4px"}}} -->
<figure class="wp-block-image size-large" style="border-radius:4px"><img src="https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg" alt="" class="wp-image-666" /></figure>
<!-- /wp:image -->

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

<!-- wp:group {"style":{"color":{"text":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"}}}}} -->
<div class="wp-block-group has-text-color has-link-color" style="color:#ffffff"><!-- wp:quote {"className":"is-style-default"} -->
<blockquote class="wp-block-quote is-style-default"><p><em>Aspire to be like Mt. Fuji, with such a broad and solid foundation that the strongest earthquake cannot move you, and so tall that the greatest enterprises of common men seem insignificant from your lofty perspective.</em></p><cite><strong>— Miyamoto Musashi</strong></cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%"><!-- wp:spacer {"height":40} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"id":664,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"4px"}}} -->
<figure class="wp-block-image size-large" style="border-radius:4px"><img src="https://s.w.org/patterns/files/2021/06/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg" alt="" class="wp-image-664" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

Table of prices

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"color":{"background":"#ffe97d","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column has-text-color has-background has-link-color" style="background-color:#ffe97d;color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}}} -->
<h2 id="single" style="font-size:40px"><strong>Single</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-normal-font-size" style="line-height:1.5"><strong>Enrich our growing community.</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:separator {"customColor":"#000000","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#000000;color:#000000" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"normal"} -->
<ul class="has-normal-font-size"><li>General admission and member discounts for one adult</li><li>One free ticket per special exhibition</li><li>Two single-use guest passes per year</li></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#000000"},"border":{"radius":0}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background no-border-radius" style="background-color:#000000">$110 / year</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#d1d1e1","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column has-text-color has-background has-link-color" style="background-color:#d1d1e1;color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}}} -->
<h2 id="family" style="font-size:40px"><strong>Family</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-normal-font-size" style="line-height:1.5"><strong>Support special exhibitions.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"normal"} -->
<ul class="has-normal-font-size"><li>General admission and member discounts for two adults</li><li>Four free tickets per special exhibition</li><li>Four single-use guest passes per year</li></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#000000"},"border":{"radius":0}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-white-color has-text-color has-background no-border-radius" style="background-color:#000000">$200 / year</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#c0ebf1","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column has-text-color has-background has-link-color" style="background-color:#c0ebf1;color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}}} -->
<h2 id="patron" style="font-size:40px"><strong>Patron</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size"><strong>Take support to the next level.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"normal"} -->
<ul class="has-normal-font-size"><li>General admission and member discounts for two adults</li><li>Five free tickets per special exhibition</li><li>Six single-use guest passes per year</li></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#000000"},"border":{"radius":0}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background no-border-radius" style="background-color:#000000">$400 / year</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Triptych with two images and a text area

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https:\/\/s.w.org\/patterns\/files\/2021\/06\/21512525940_ac6d9c98f6_k-1.jpg","id":595,"dimRatio":0,"minHeight":600,"align":"full","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}}} -->
<div class="wp-block-cover alignfull" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;min-height:600px"><img class="wp-block-cover__image-background wp-image-595" alt="" src="https://s.w.org/patterns/files/2021/06/21512525940_ac6d9c98f6_k-1.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title\u2026","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https:\/\/s.w.org\/patterns\/files\/2021\/06\/4051848937_80b2e27c51_o-1021x1024-1.jpg","id":532,"dimRatio":0,"minHeight":600,"align":"full","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}}} -->
<div class="wp-block-cover alignfull" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;min-height:600px"><img class="wp-block-cover__image-background wp-image-532" alt="" src="https://s.w.org/patterns/files/2021/06/4051848937_80b2e27c51_o-1021x1024-1.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title\u2026","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"customOverlayColor":"#232323","minHeight":600,"contentPosition":"center left","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}}} -->
<div class="wp-block-cover has-background-dim has-custom-content-position is-position-center-left" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;background-color:#232323;min-height:600px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title\u2026","style":{"typography":{"fontSize":"48px","lineHeight":"1.2"},"color":{"text":"#d4cfc4"}}} -->
<p class="has-text-align-center has-text-color" style="color:#d4cfc4;font-size:48px;line-height:1.2"><strong>Hello.</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Two photos with the same colored strip

<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(180deg,rgba(255,251,15,0) 0%,rgba(255,251,15,0) 25%,rgb(255,253,16) 25%,rgb(255,253,16) 75%,rgba(255,251,15,0) 75%,rgba(255,251,15,0) 100%)"}}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(180deg,rgba(255,251,15,0) 0%,rgba(255,251,15,0) 25%,rgb(255,253,16) 25%,rgb(255,253,16) 75%,rgba(255,251,15,0) 75%,rgba(255,251,15,0) 100%)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"id":686,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/tarot-swords-seven-595x1024.gif" alt="" class="wp-image-686" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:spacer {"height":31} -->
<div style="height:31px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"id":687,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/tarot-the-moon-595x1024.gif" alt="" class="wp-image-687" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Quote pattern

<!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator is-style-default" />
<!-- /wp:separator -->

<!-- wp:image {"align":"center","width":150,"height":150,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="https://s.w.org/images/core/5.8/portrait.jpg" alt="A side profile of a woman in a russet-colored turtleneck and white bag. She looks up with her eyes closed." width="150" height="150" /></figure></div>
<!-- /wp:image -->

<!-- wp:quote {"align":"center","className":"is-style-large"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-large"><p>"Contributing makes me feel like I'm being useful to the planet."</p><cite>— Anna Wong, <em>Volunteer</em></cite></blockquote>
<!-- /wp:quote -->

<!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator is-style-default" />
<!-- /wp:separator -->

source.

AD

Discover more from Web-Hobbies

Subscribe to get the latest free posts, tools, and tips to your email.