Block Pattern Library

I’ve had this idea in my head for many months and lo-and-behold, WordPress.org beats me to the punch with their directory of usable patterns featuring original blocks (ie, works with any theme) in their Pattern Library.

Copy the code under each block you like and simply paste it directly into your WordPress Post or Page (just like you would copy and paste from a Word Doc). The block that appears may look different, as each block is controlled in look and feel by your website’s theme.

If you see a section on a website you really like, and would like to repeat it for your website, send me a screenshot on Slack and I’ll see what I can do.

Simple Service Page Layout

Services pages can be difficult due to the various types of services you can provide. This is a basic starter page layout.

You will have to upload your own images! Pictures on this simple sales page are provided by https://picsum.photos/

<!-- wp:cover {"dimRatio":80,"minHeight":400,"minHeightUnit":"px","customGradient":"linear-gradient(135deg,rgba(252,185,0,0.13) 0%,rgba(255,106,0,0.27) 100%)","contentPosition":"center center","isDark":false,"align":"wide"} -->
<div class="wp-block-cover alignwide is-light" style="min-height:400px"><span aria-hidden="true" class="has-background-dim-80 wp-block-cover__gradient-background has-background-dim has-background-gradient" style="background:linear-gradient(135deg,rgba(252,185,0,0.13) 0%,rgba(255,106,0,0.27) 100%)"></span><div class="wp-block-cover__inner-container"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}}} -->
<h2 style="text-transform:uppercase">What we do &amp; for whoM</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Ultimately, the audience we serve and the problem we solve...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"color":{"background":"#ffeee2","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:#ffeee2;color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"40px"}}} -->
<h3 id="single" style="font-size:40px"><strong>Service 1</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-normal-font-size" style="line-height:1.5"><strong>Short description (tweetable)</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>Feature One</li><li>Feature Two</li><li>Feature Three</li></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"text":"#000000","background":"#fead73"},"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:#fead73;color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"40px"}}} -->
<h3 id="family" style="font-size:40px"><strong>Service 2</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-normal-font-size" style="line-height:1.5"><strong><strong>Short description (tweetable)</strong></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>Feature One </li><li>Feature Two</li><li>Feature Three</li><li>Feature Four</li></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"text":"#000000","background":"#ffeee2"},"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:#ffeee2;color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"40px"}}} -->
<h3 id="patron" style="font-size:40px"><strong>Service 3</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size"><strong><strong>Short description (tweetable)</strong></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>Feature One</li><li>Feature Two</li><li>Feature Three</li></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"color":{"background":"#f9f9f9"}}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f9f9f9"><!-- wp:heading {"style":{"typography":{"fontSize":38,"lineHeight":"1.4"}}} -->
<h2 style="font-size:38px;line-height:1.4"><strong>What other people are talking/saying about the way we work</strong></h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:quote {"style":{"typography":{"fontSize":"16px"}}} -->
<blockquote class="wp-block-quote" style="font-size:16px"><p>They followed her on to the deck. All the smoke and the houses had disappeared, and the ship was out in a wide space of sea very fresh and clear though pale in the early light. They had left London sitting on its mud. A very thin line of shadow tapered on the horizon, scarcely thick enough to stand the burden of Paris, which nevertheless rested upon it. They were free of roads, free of mankind, and the same exhilaration at their freedom ran through them all.</p><cite>- Person Purchased</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:quote {"className":"is-style-default","style":{"typography":{"fontSize":"16px"}}} -->
<blockquote class="wp-block-quote is-style-default" style="font-size:16px"><p>The ship was making her way steadily through small waves which slapped her and then fizzled like effervescing water, leaving a little border of bubbles and foam on either side. The colourless October sky above was thinly clouded as if by the trail of wood-fire smoke, and the air was wonderfully salt and brisk. Indeed it was too cold to stand still. Mrs. Ambrose drew her arm within her husband's, and as they moved off it could be seen from the way in which her sloping cheek turned up to his that she had something private to communicate.</p><cite>- Person Purchased</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

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

<!-- wp:heading {"textAlign":"center","style":{"typography":{"lineHeight":"1.4"}}} -->
<h2 class="has-text-align-center" style="line-height:1.4"><strong>Examples of the services/case study information/show the outcomes</strong></h2>
<!-- /wp:heading -->

<!-- wp:group {"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"left","sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="alignleft size-large"><img src="https://picsum.photos/300" alt=""/></figure></div>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Full detailed information about the main service and what they receive and what the outcome will be when they are done.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>The ship was making her way steadily through small waves which slapped her and then fizzled like effervescing water, leaving a little border of bubbles and foam on either side. The colourless October sky above was thinly clouded as if by the trail of wood-fire smoke, and the air was wonderfully salt and brisk. Indeed it was too cold to stand still. Mrs. Ambrose drew her arm within her husband's, and as they moved off it could be seen from the way in which her sloping cheek turned up to his that she had something private to communicate.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","backgroundColor":"base-2"} -->
<div class="wp-block-group alignfull has-base-2-background-color has-background"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","width":"50%","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;flex-basis:50%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
<p style="line-height:1.6"><strong>About the Company/Service Provider</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
<p style="line-height:1.6">This creator is so amazing, this is what they've done and why it's relevant to the thing being sold here.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large"><img src="https://picsum.photos/200" alt=""/></figure></div>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Simple Sales Page Layout

You will have to upload your own images! Pictures on this simple sales page are provided by https://picsum.photos/

<!-- wp:cover {"dimRatio":80,"minHeight":683,"minHeightUnit":"px","gradient":"midnight","contentPosition":"center center","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light" style="min-height:683px"><span aria-hidden="true" class="has-background-dim-80 wp-block-cover__gradient-background has-midnight-gradient-background has-background-dim has-background-gradient has-midnight-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://picsum.photos/600" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}}} -->
<h2 style="text-transform:uppercase">Outcome of having the thing</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Quick description of the thing itself and what it is/does/covers</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base-3","width":75,"style":{"border":{"radius":"50px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75"><a class="wp-block-button__link has-base-3-color has-contrast-background-color has-text-color has-background" style="border-radius:50px">Button To Buy the Thing</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

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

<!-- wp:heading {"style":{"typography":{"fontSize":38,"lineHeight":"1.4"}}} -->
<h2 style="font-size:38px;line-height:1.4"><strong>Breakdown and talk about the thing you're selling.</strong></h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":18}}} -->
<p style="font-size:18px">They followed her on to the deck. All the smoke and the houses had disappeared, and the ship was out in a wide space of sea very fresh and clear though pale in the early light. They had left London sitting on its mud. A very thin line of shadow tapered on the horizon, scarcely thick enough to stand the burden of Paris, which nevertheless rested upon it. They were free of roads, free of mankind, and the same exhilaration at their freedom ran through them all.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":18}}} -->
<p style="font-size:18px">The ship was making her way steadily through small waves which slapped her and then fizzled like effervescing water, leaving a little border of bubbles and foam on either side. The colourless October sky above was thinly clouded as if by the trail of wood-fire smoke, and the air was wonderfully salt and brisk. Indeed it was too cold to stand still. Mrs. Ambrose drew her arm within her husband's, and as they moved off it could be seen from the way in which her sloping cheek turned up to his that she had something private to communicate.</p>
<!-- /wp:paragraph --></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 -->

<!-- wp:group {"align":"full","backgroundColor":"base-2"} -->
<div class="wp-block-group alignfull has-base-2-background-color has-background"><!-- wp:heading {"style":{"typography":{"fontSize":38,"lineHeight":"1.4"}}} -->
<h2 style="font-size:38px;line-height:1.4"><strong>What other people are talking/saying about the thing.</strong></h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:quote {"style":{"typography":{"fontSize":"16px"}}} -->
<blockquote class="wp-block-quote" style="font-size:16px"><p>They followed her on to the deck. All the smoke and the houses had disappeared, and the ship was out in a wide space of sea very fresh and clear though pale in the early light. They had left London sitting on its mud. A very thin line of shadow tapered on the horizon, scarcely thick enough to stand the burden of Paris, which nevertheless rested upon it. They were free of roads, free of mankind, and the same exhilaration at their freedom ran through them all.</p><cite>- Person Purchased</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:quote {"className":"is-style-default","style":{"typography":{"fontSize":"16px"}}} -->
<blockquote class="wp-block-quote is-style-default" style="font-size:16px"><p>The ship was making her way steadily through small waves which slapped her and then fizzled like effervescing water, leaving a little border of bubbles and foam on either side. The colourless October sky above was thinly clouded as if by the trail of wood-fire smoke, and the air was wonderfully salt and brisk. Indeed it was too cold to stand still. Mrs. Ambrose drew her arm within her husband's, and as they moved off it could be seen from the way in which her sloping cheek turned up to his that she had something private to communicate.</p><cite>- Person Purchased</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"color":{"text":"#000000"}},"backgroundColor":"base-3"} -->
<div class="wp-block-group alignfull has-base-3-background-color has-text-color has-background" style="color:#000000"><!-- wp:spacer {"height":"64px"} -->
<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>Ready to Buy?</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>Buy The Thing</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">Buy Me</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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

<!-- wp:group {"align":"full","backgroundColor":"base-2"} -->
<div class="wp-block-group alignfull has-base-2-background-color has-background"><!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","width":"50%","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;flex-basis:50%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
<p style="line-height:1.6"><strong>About the Creator</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
<p style="line-height:1.6">This creator is so amazing, this is what they've done and why it's relevant to the thing being sold here.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>And maybe one more <a href="#buyme">link to buy</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large"><img src="https://picsum.photos/200" alt=""/></figure></div>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

“Hero Block”

My super awesome heading goes here!

A Cover block with a background image and text should have a color overlay to give contrast and separation of the text from the background image. A solid black with an opacity of 30-50% works great, but this block has a gradient overlay of “clear” on top to “black” on the bottom for a bit of visual oomph.

Copy & Paste this directly into your WordPress Page or Post

<!-- wp:cover {"url":"https://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-1629236.jpeg","id":8650,"dimRatio":70,"customGradient":"linear-gradient(180deg,rgba(237,237,237,0) 4%,rgb(0,0,0) 51%,rgb(0,0,0) 100%)","align":"wide"} -->
<div class="wp-block-cover alignwide has-background-dim-70 has-background-dim has-background-gradient"><span aria-hidden="true" class="wp-block-cover__gradient-background" style="background:linear-gradient(180deg,rgba(237,237,237,0) 4%,rgb(0,0,0) 51%,rgb(0,0,0) 100%)"></span><img class="wp-block-cover__image-background wp-image-8650" alt="" src="https://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-1629236.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">My super awesome heading goes here!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>A Cover block with a background image and text should have a color overlay to give contrast and separation of the text from the background image. A solid black with an opacity of 30-50% works great, but this block has a <em>gradient</em> overlay of "clear" on top to "black" on the bottom for a bit of <em>oomph.</em></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

Author Bio

Author Name Goes Here

Author bio. Keep it short and sweet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus porta velit at gravida. Fusce pharetra sed neque ac hendrerit. Suspendisse venenatis lorem nisi, in porttitor felis venenatis eget. Mauris eu tempor risus, sed gravida enim. Nulla at orci malesuada, lobortis risus vel, viverra felis. Fusce a nunc nec ante condimentum porttitor ac sit amet quam.

Copy & Paste this directly into your WordPress Page or Post

<!-- wp:cover {"url":"https://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-5600072.jpeg","id":8663,"dimRatio":80,"focalPoint":{"x":"0.51","y":"0.29"},"minHeight":504,"minHeightUnit":"px","customGradient":"linear-gradient(180deg,rgba(237,237,237,0) 2%,rgb(0,0,0) 89%)","contentPosition":"bottom center","conditionalBlocks":{"conditions":[]},"conditionalBlocksAttributes":{"hideOnMobile":false,"hideOnTablet":false,"hideOnDesktop":false,"userState":"","userRoles":[],"httpReferer":"","httpUserAgent":[],"postMeta":{"key":"","value":"","operator":"true"},"dates":[]},"align":"wide"} -->
<div class="wp-block-cover alignwide has-background-dim-80 has-background-dim has-background-gradient has-custom-content-position is-position-bottom-center" style="min-height:504px"><span aria-hidden="true" class="wp-block-cover__gradient-background" style="background:linear-gradient(180deg,rgba(237,237,237,0) 2%,rgb(0,0,0) 89%)"></span><img class="wp-block-cover__image-background wp-image-8663" alt="" src="https://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-5600072.jpeg" style="object-position:51% 29%" data-object-fit="cover" data-object-position="51% 29%"/><div class="wp-block-cover__inner-container"><!-- wp:heading -->
<h2>Author Name Goes Here</h2>
<!-- /wp:heading -->

<!-- wp:social-links {"align":"right","className":"is-style-default"} -->
<ul class="wp-block-social-links alignright is-style-default"><!-- wp:social-link {"url":"https://www.instagram.com/","service":"instagram","label":"Follow Alexandria on Instagram"} /-->

<!-- wp:social-link {"url":"https://getonlinewitch.com/","service":"chain","label":"Visit Alexandria's website"} /-->

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

<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Author bio. Keep it short and sweet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus porta velit at gravida. Fusce pharetra sed neque ac hendrerit. Suspendisse venenatis lorem nisi, in porttitor felis venenatis eget. Mauris eu tempor risus, sed gravida enim. Nulla at orci malesuada, lobortis risus vel, viverra felis. Fusce a nunc nec ante condimentum porttitor ac sit amet quam. </p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

Author Quote


woman in witch costume feeling bored

This is a quote from my blog post that was worth pulling out to break up the visual space.

– My Name Goes Here, my picture to the left.

Copy & Paste this directly into your WordPress Page or Post

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator --><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:image {"align":"center","id":8664,"width":240,"height":240,"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://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-5600072-edited.jpeg" alt="woman in witch costume feeling bored" class="wp-image-8664" width="240" height="240"/></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:quote {"align":"center","className":"is-style-large"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-large"><p>This is a quote from my blog post that was worth pulling out to break up the visual space.</p><cite><em>- My Name Goes Here</em>, my picture to the left.</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->

Call to Action

This is my heading.

This is a quick sentence summarizing what the main benefit is.

Copy & Paste this directly into your WordPress Page or Post

<!-- wp:cover {"url":"https://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-1629236.jpeg","id":8650,"minHeight":10,"align":"full"} -->
<div class="wp-block-cover alignfull has-background-dim" style="min-height:10px"><img class="wp-block-cover__image-background wp-image-8650" alt="" src="https://thefierywell.com/wp-content/uploads/2021/07/pexels-photo-1629236.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading -->
<h2>This is my heading.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>This is a quick sentence summarizing what the main benefit is.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"borderRadius":"","style":{"color":{"background":"#ff00b3"}},"textColor":"white","width":100} -->
<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" style="background-color:#ff00b3">Call to Action »</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

Join The Circle

Receive weekly tips to simplify & improve your magical online business!

We value your privacy. Unsubscribe at any time.

Almost There!

Check your inbox
and confirm your email address.