Last active
June 14, 2021 15:47
-
-
Save schutzsmith/277aad4fb03a18efbecea4b806252cae to your computer and use it in GitHub Desktop.
WordPress Block Pattern for Call To Action Horizontal
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"18px","right":"0px","bottom":"36px","left":"36px"}}},"backgroundColor":"black"} --> | |
<div class="wp-block-group alignfull has-black-background-color has-background" style="padding-top:18px;padding-right:0px;padding-bottom:36px;padding-left:36px"><div class="wp-block-group__inner-container"><!-- wp:columns {"align":"full"} --> | |
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"66.66%"} --> | |
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","style":{"typography":{"lineHeight":"1"}}} --> | |
<h2 class="has-text-align-left" style="line-height:1"><strong>Become A Monthly Patron</strong></h2> | |
<!-- /wp:heading --> | |
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.3"}},"textColor":"white"} --> | |
<p class="has-white-color has-text-color" style="line-height:1.3">Our organization relies on regular donations to continue our support of the artistic community in the form of grants, classes, and special events.</p> | |
<!-- /wp:paragraph --></div> | |
<!-- /wp:column --> | |
<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} --> | |
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:buttons {"contentJustification":"center"} --> | |
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button --> | |
<div class="wp-block-button"><a class="wp-block-button__link">Join now →</a></div> | |
<!-- /wp:button --></div> | |
<!-- /wp:buttons --></div> | |
<!-- /wp:column --></div> | |
<!-- /wp:columns --></div></div> | |
<!-- /wp:group --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment