Skip to content

Instantly share code, notes, and snippets.

@critterverse
Created July 7, 2022 17:12
Show Gist options
  • Save critterverse/65a2a608722d48c7320b9d168c096dd5 to your computer and use it in GitHub Desktop.
Save critterverse/65a2a608722d48c7320b9d168c096dd5 to your computer and use it in GitHub Desktop.
Pattern 2
<!-- wp:columns {"verticalAlignment":"center","align":"full","style":{"border":{"width":"8px"}},"borderColor":"foreground","backgroundColor":"background"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center has-border-color has-foreground-border-color has-background-background-color has-background" style="border-width:8px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":427,"sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-full is-style-default"><img src="http://chansite.local/wp-content/uploads/2022/07/pattern-preview.png" alt="" class="wp-image-427"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"typography":{"fontStyle":"italic","fontWeight":"200"}}} -->
<h2 style="font-style:italic;font-weight:200">Give your creativity a head start.</h2>
<!-- /wp:heading -->
<!-- wp:buttons {"style":{"spacing":{"blockGap":"12px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50,"style":{"border":{"radius":"42px"},"typography":{"textTransform":"uppercase","fontSize":"0.65rem"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline" style="font-size:0.65rem;text-transform:uppercase"><a class="wp-block-button__link wp-element-button" style="border-radius:42px">Block Pattern Directory</a></div>
<!-- /wp:button -->
<!-- wp:button {"width":50,"style":{"border":{"radius":"42px"},"typography":{"fontSize":"0.65rem","textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline" style="font-size:0.65rem;text-transform:uppercase"><a class="wp-block-button__link wp-element-button" style="border-radius:42px">Learn about patterns</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"200"}}} -->
<p style="font-style:italic;font-weight:200">Beautiful content doesn't have to be designed from scratch. Patterns are collections of pre-arranged blocks you can assamble to make your content impactful, meaningful and appealing.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment