Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!-- wp:generateblocks/container {"uniqueId":"be95a9f6","elementId":"intro","paddingTop":"120","paddingRight":"20","paddingBottom":"20","paddingLeft":"20"} -->
<div id="intro" class="gb-container gb-container-be95a9f6"><div class="gb-inside-container"><!-- wp:generateblocks/headline {"uniqueId":"98637e69","alignment":"center"} -->
<h2 class="gb-headline gb-headline-98637e69">Discover New Worlds Using GeneratePress &amp; GenerateBlocks</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"23ca4fcc","elementId":"intro","element":"p","alignment":"center","marginTop":"30","marginRight":"200","marginBottom":"60","marginLeft":"200","marginTopTablet":"30","marginRightTablet":"20","marginBottomTablet":"60","marginLeftTablet":"20"} -->
<p id="intro" class="gb-headline gb-headline-23ca4fcc">Create custom layouts of any type with GenerateBlocks. The Grid Block allows you to add any number of columns at any width. Set your column widths individually for desktop, tablet and mobile devices. Use the GenerateBlocks Button Block to create buttons of any style and shape.</p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/grid {"uniqueId":"a70741e2","columns":3,"horizontalGap":60,"verticalGap":40,"verticalAlignment":"flex-start"} -->
<div class="gb-grid-wrapper gb-grid-wrapper-a70741e2"><!-- wp:generateblocks/container {"uniqueId":"ff4c452f","isGrid":true,"gridId":"a70741e2","width":40,"widthTablet":100,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-ff4c452f"><div class="gb-container gb-container-ff4c452f"><div class="gb-inside-container"><!-- wp:image {"id":18470,"sizeSlug":"large","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-style-default"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/aurora-borealis-sm.jpg" alt="" class="wp-image-18470"/></figure>
<!-- /wp:image -->
<!-- wp:generateblocks/headline {"uniqueId":"319047f2","element":"h3","marginTop":"20"} -->
<h3 class="gb-headline gb-headline-319047f2">Grid Block set to 40% Desktop, 100% Tablet, 100% Mobile</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/button-container {"uniqueId":"ebe6022b"} -->
<div class="gb-button-wrapper gb-button-wrapper-ebe6022b"><!-- wp:generateblocks/button {"uniqueId":"2d853b40","hasIcon":true,"iconLocation":"right","backgroundColor":"#05bcbf","textColor":"#ffffff","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0.8,"textColorHover":"#ffffff","showAdvancedTypography":true,"fontWeight":"600","marginTop":"10","paddingTop":"14","paddingRight":"20","paddingBottom":"14","paddingLeft":"20","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","iconPaddingRight":"","iconPaddingLeft":".5"} -->
<a class="gb-button gb-button-2d853b40" href="#"><span class="button-text">Icon Button</span><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a>
<!-- /wp:generateblocks/button --></div>
<!-- /wp:generateblocks/button-container --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"9200cbcb","isGrid":true,"gridId":"a70741e2","width":35,"widthTablet":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-9200cbcb"><div class="gb-container gb-container-9200cbcb"><div class="gb-inside-container"><!-- wp:image {"id":18470,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/aurora-borealis-sm.jpg" alt="" class="wp-image-18470"/></figure>
<!-- /wp:image -->
<!-- wp:generateblocks/headline {"uniqueId":"e5201cc2","element":"h3","marginTop":"20"} -->
<h3 class="gb-headline gb-headline-e5201cc2">Grid Block set to 35% Desktop, 50% Tablet, 100% Mobile</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/button-container {"uniqueId":"3af4e90d"} -->
<div class="gb-button-wrapper gb-button-wrapper-3af4e90d"><!-- wp:generateblocks/button {"uniqueId":"1a8568c5","backgroundColor":"#05bcbf","backgroundColorOpacity":0,"textColor":"#05bcbf","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0,"textColorHover":"#05bcbf","borderColor":"#05bcbf","borderColorHover":"#05bcbf","borderColorHoverOpacity":0.8,"showAdvancedTypography":true,"fontWeight":"600","marginTop":"10","paddingTop":"12","paddingRight":"20","paddingBottom":"12","paddingLeft":"20","borderSizeTop":"4","borderSizeRight":"4","borderSizeBottom":"4","borderSizeLeft":"4","borderRadiusTopRight":"0","borderRadiusBottomRight":"0","borderRadiusBottomLeft":"0","borderRadiusTopLeft":"0"} -->
<a class="gb-button gb-button-1a8568c5" href="#"><span class="button-text">Ghost Button</span></a>
<!-- /wp:generateblocks/button --></div>
<!-- /wp:generateblocks/button-container --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"1f42dfd1","isGrid":true,"gridId":"a70741e2","width":25,"widthTablet":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-1f42dfd1"><div class="gb-container gb-container-1f42dfd1"><div class="gb-inside-container"><!-- wp:image {"id":18470,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/aurora-borealis-sm.jpg" alt="" class="wp-image-18470"/></figure>
<!-- /wp:image -->
<!-- wp:generateblocks/headline {"uniqueId":"7a74cc01","element":"h3","marginTop":"20"} -->
<h3 class="gb-headline gb-headline-7a74cc01">Grid Block set to 25% Desktop, 50% Tablet, 100% Mobile</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Placerat orci nulla. </p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/button-container {"uniqueId":"86d86f28"} -->
<div class="gb-button-wrapper gb-button-wrapper-86d86f28"><!-- wp:generateblocks/button {"uniqueId":"adaeda07","backgroundColor":"#05bcbf","textColor":"#ffffff","backgroundColorHover":"#ffffff","textColorHover":"#ffffff","borderColorHoverOpacity":0.8,"showAdvancedTypography":true,"fontWeight":"600","marginTop":"10","paddingTop":"14","paddingRight":"24","paddingBottom":"14","paddingLeft":"24","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"40","borderRadiusBottomRight":"40","borderRadiusBottomLeft":"40","borderRadiusTopLeft":"40","gradient":true,"gradientColorOne":"#05bcbf","gradientColorOneOpacity":0.8,"gradientColorStopOne":0,"gradientColorTwo":"#0983c9","gradientColorTwoOpacity":0.8,"gradientColorStopTwo":100} -->
<a class="gb-button gb-button-adaeda07" href="#"><span class="button-text">Oval Gradient Button</span></a>
<!-- /wp:generateblocks/button --></div>
<!-- /wp:generateblocks/button-container --></div></div></div>
<!-- /wp:generateblocks/container --></div>
<!-- /wp:generateblocks/grid -->
<!-- wp:separator {"customColor":"#cccccc","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#cccccc;color:#cccccc"/>
<!-- /wp:separator -->
<!-- wp:generateblocks/container {"uniqueId":"def5d03c","paddingTop":"40","paddingRight":"0","paddingBottom":"40","paddingLeft":"0"} -->
<div class="gb-container gb-container-def5d03c"><div class="gb-inside-container"><!-- wp:generateblocks/grid {"uniqueId":"81db05dd","columns":2,"horizontalGap":60,"verticalGap":40,"verticalAlignment":"flex-start"} -->
<div class="gb-grid-wrapper gb-grid-wrapper-81db05dd"><!-- wp:generateblocks/container {"uniqueId":"5468f20c","isGrid":true,"gridId":"81db05dd","paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-5468f20c"><div class="gb-container gb-container-5468f20c"><div class="gb-inside-container"><!-- wp:image {"id":18470,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/aurora-borealis-sm.jpg" alt="" class="wp-image-18470"/></figure>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"9ef64933","isGrid":true,"gridId":"81db05dd","widthTablet":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-9ef64933"><div class="gb-container gb-container-9ef64933"><div class="gb-inside-container"><!-- wp:generateblocks/headline {"uniqueId":"fa532c48","element":"h3"} -->
<h3 class="gb-headline gb-headline-fa532c48">Two Column Grid Block</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut placerat orci nulla pellentesque dignissim enim sit amet venenatis.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut placerat orci nulla pellentesque dignissim enim sit amet venenatis.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/button-container {"uniqueId":"3894dbb9"} -->
<div class="gb-button-wrapper gb-button-wrapper-3894dbb9"><!-- wp:generateblocks/button {"uniqueId":"264713b7","hasIcon":true,"iconLocation":"right","backgroundColor":"#abb8c3","backgroundColorOpacity":0,"textColor":"#05bcbf","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0,"textColorHover":"#0cd1d4","showAdvancedTypography":true,"fontWeight":"600","fontSize":20,"marginTop":"0","paddingTop":"10","paddingRight":"0","paddingBottom":"10","paddingLeft":"0","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","gradientColorOne":"#f78da7","gradientColorOneOpacity":1,"gradientColorTwo":"#ff6900","gradientColorTwoOpacity":1,"iconPaddingRight":"","iconPaddingLeft":"0.5"} -->
<a class="gb-button gb-button-264713b7" href="#"><span class="button-text">Text Link with Icon</span><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"></path></svg></span></a>
<!-- /wp:generateblocks/button --></div>
<!-- /wp:generateblocks/button-container --></div></div></div>
<!-- /wp:generateblocks/container --></div>
<!-- /wp:generateblocks/grid --></div></div>
<!-- /wp:generateblocks/container --></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"2d850ac1","paddingTop":"190","paddingRight":"20","paddingBottom":"200","paddingLeft":"20","marginTop":"40","bgImage":{"id":18469,"image":{"height":800,"width":1200,"url":"https://gpsites.co/catalyst/wp-content/uploads/sites/8/aurora-borealis-lg-1200x800.jpg","orientation":"landscape"}}} -->
<div class="gb-container gb-container-2d850ac1"><div class="gb-inside-container"><!-- wp:generateblocks/headline {"uniqueId":"f558534c","alignment":"center","textColor":"#ffffff","showAdvancedTypography":true,"fontSize":30,"textTransform":"uppercase","lineHeight":1.2,"letterSpacing":0.1,"marginBottom":"30"} -->
<h2 class="gb-headline gb-headline-f558534c">Full Width Container Block with Background Image</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button-container {"uniqueId":"fbd0e9a8","alignment":"center"} -->
<div class="gb-button-wrapper gb-button-wrapper-fbd0e9a8"><!-- wp:generateblocks/button {"uniqueId":"916db03e","hasIcon":true,"backgroundColor":"#05bcbf","backgroundColorOpacity":0,"textColor":"#ffffff","backgroundColorHover":"#ffffff","textColorHover":"#05bcbf","borderColor":"#ffffff","borderColorHover":"#ffffff","showAdvancedTypography":true,"fontWeight":"600","marginTop":"10","marginRight":"10","marginLeft":"10","paddingTop":"14","paddingRight":"20","paddingBottom":"14","paddingLeft":"20","borderSizeTop":"4","borderSizeRight":"4","borderSizeBottom":"4","borderSizeLeft":"4","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4"} -->
<a class="gb-button gb-button-916db03e" href="#"><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"></path></svg></span><span class="button-text">Icon on Left Button</span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"c31641c7","hasIcon":true,"iconLocation":"right","backgroundColorOpacity":0,"textColor":"#ffffff","backgroundColorHover":"#ffffff","textColorHover":"#05bcbf","borderColor":"#ffffff","borderColorHover":"#ffffff","marginTop":"10","marginRight":"10","marginLeft":"10","paddingTop":"14","paddingRight":"20","paddingBottom":"14","paddingLeft":"20","borderSizeTop":"4","borderSizeRight":"4","borderSizeBottom":"4","borderSizeLeft":"4","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","iconPaddingRight":"","iconPaddingLeft":"0.5"} -->
<a class="gb-button gb-button-c31641c7"><span class="button-text">Icon on Right Button</span><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"></path></svg></span></a>
<!-- /wp:generateblocks/button --></div>
<!-- /wp:generateblocks/button-container --></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"5c279326","paddingTop":"130","paddingRight":"20","paddingBottom":"60","paddingLeft":"20"} -->
<div class="gb-container gb-container-5c279326"><div class="gb-inside-container"><!-- wp:generateblocks/headline {"uniqueId":"41535450","alignment":"center","showAdvancedTypography":true,"marginBottom":"20"} -->
<h2 class="gb-headline gb-headline-41535450">Headline Blocks &amp; Six Column Grid </h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"f6f9f8c9","element":"h3","alignment":"center","textColor":"#05bcbf","showAdvancedTypography":true,"fontSize":18,"letterSpacing":0.05,"marginBottom":"80"} -->
<h3 class="gb-headline gb-headline-f6f9f8c9">6 COL DESKTOP – 3 COL TABLET – 2 COL MOBILE</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/grid {"uniqueId":"6a4eb11a","columns":7} -->
<div class="gb-grid-wrapper gb-grid-wrapper-6a4eb11a"><!-- wp:generateblocks/container {"uniqueId":"aef9ecfe","isGrid":true,"gridId":"91de1981","width":16.6,"widthTablet":33.33,"widthMobile":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-aef9ecfe"><div class="gb-container gb-container-aef9ecfe"><div class="gb-inside-container"><!-- wp:image {"align":"center","id":1315,"width":60,"height":69,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/rocket.png" alt="" class="wp-image-1315" width="60" height="69"/><figcaption> </figcaption></figure></div>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"454941bf","isGrid":true,"gridId":"91de1981","width":16.6,"widthTablet":33.33,"widthMobile":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-454941bf"><div class="gb-container gb-container-454941bf"><div class="gb-inside-container"><!-- wp:image {"align":"center","id":1315,"width":60,"height":69,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/rocket.png" alt="" class="wp-image-1315" width="60" height="69"/><figcaption> </figcaption></figure></div>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"43378891","isGrid":true,"gridId":"91de1981","width":16.6,"widthTablet":33.33,"widthMobile":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-43378891"><div class="gb-container gb-container-43378891"><div class="gb-inside-container"><!-- wp:image {"align":"center","id":1315,"width":60,"height":69,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/rocket.png" alt="" class="wp-image-1315" width="60" height="69"/><figcaption> </figcaption></figure></div>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"8324f068","isGrid":true,"gridId":"91de1981","width":16.6,"widthTablet":33.33,"widthMobile":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-8324f068"><div class="gb-container gb-container-8324f068"><div class="gb-inside-container"><!-- wp:image {"align":"center","id":1315,"width":60,"height":69,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/rocket.png" alt="" class="wp-image-1315" width="60" height="69"/><figcaption> </figcaption></figure></div>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"93d826d4","isGrid":true,"gridId":"91de1981","width":16.6,"widthTablet":33.33,"widthMobile":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-93d826d4"><div class="gb-container gb-container-93d826d4"><div class="gb-inside-container"><!-- wp:image {"align":"center","id":1315,"width":60,"height":69,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/rocket.png" alt="" class="wp-image-1315" width="60" height="69"/><figcaption> </figcaption></figure></div>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"87bfb287","isGrid":true,"gridId":"91de1981","width":16.6,"widthTablet":33.33,"widthMobile":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-87bfb287"><div class="gb-container gb-container-87bfb287"><div class="gb-inside-container"><!-- wp:image {"align":"center","id":1315,"width":60,"height":69,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="https://gpsites.co/catalyst/wp-content/uploads/sites/8/rocket.png" alt="" class="wp-image-1315" width="60" height="69"/><figcaption> </figcaption></figure></div>
<!-- /wp:image --></div></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"639bca8a","isGrid":true,"gridId":"91de1981","width":25,"widthTablet":50,"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""} -->
<div class="gb-grid-column gb-grid-column-639bca8a"><div class="gb-container gb-container-639bca8a"><div class="gb-inside-container"></div></div></div>
<!-- /wp:generateblocks/container --></div>
<!-- /wp:generateblocks/grid --></div></div>
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"425d77b0","paddingTop":"200","paddingRight":"20","paddingBottom":"200","paddingLeft":"20","marginTop":"40","gradient":true,"gradientDirection":135,"gradientColorOne":"#05bcbf","gradientColorOneOpacity":0.6,"gradientColorStopOne":20,"gradientColorTwo":"#0693e3","gradientColorTwoOpacity":0.6,"gradientColorStopTwo":80,"bgImage":{"id":18469,"image":{"height":800,"width":1200,"url":"https://gpsites.co/catalyst/wp-content/uploads/sites/8/aurora-borealis-lg-1200x800.jpg","orientation":"landscape"}},"bgOptions":{"overlay":true,"position":"center center","size":"cover","repeat":"no-repeat","attachment":"","selector":"element","opacity":1}} -->
<div class="gb-container gb-container-425d77b0"><div class="gb-inside-container"><!-- wp:generateblocks/headline {"uniqueId":"45551109","alignment":"center","textColor":"#ffffff","showAdvancedTypography":true,"fontSize":30,"textTransform":"uppercase","lineHeight":1.2,"letterSpacing":0.1,"marginRight":"200","marginBottom":"20","marginLeft":"200","marginRightTablet":"20","marginLeftTablet":"20","paddingBottom":"0"} -->
<h2 class="gb-headline gb-headline-45551109">Full Width Container Block with Background Photo &amp; An Opaque Gradient Overlay</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"257311af","element":"h4","alignment":"center","textColor":"#ffffff","showAdvancedTypography":true,"marginTop":"20","marginRight":"340","marginBottom":"20","marginLeft":"340","marginTopTablet":"40","marginRightTablet":"180","marginLeftTablet":"180","marginTopMobile":"40","marginRightMobile":"20","marginLeftMobile":"20","paddingBottom":"0"} -->
<h4 class="gb-headline gb-headline-257311af">Use the Headline Block to adjust letter spacing and set the margins to center and condense your text.</h4>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"c8ac450f","element":"p","alignment":"center","textColor":"#ffffff","showAdvancedTypography":true,"fontWeight":"600","fontSize":16,"textTransform":"uppercase","letterSpacing":0.1,"marginTop":"40"} -->
<p class="gb-headline gb-headline-c8ac450f">Button Block Icons</p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button-container {"uniqueId":"d50799a4","alignment":"center","marginTop":"20"} -->
<div class="gb-button-wrapper gb-button-wrapper-d50799a4"><!-- wp:generateblocks/button {"uniqueId":"29516605","hasIcon":true,"removeText":true,"backgroundColor":"#abb8c3","backgroundColorOpacity":0,"textColor":"#ffffff","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0,"textColorHover":"#0cd1d4","showAdvancedTypography":true,"fontWeight":"600","fontSize":30,"marginRight":"10","marginLeft":"10","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","gradientColorOne":"#f78da7","gradientColorOneOpacity":1,"gradientColorTwo":"#ff6900","gradientColorTwoOpacity":1} -->
<a class="gb-button gb-button-29516605" href="#"><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"45dbd481","hasIcon":true,"removeText":true,"backgroundColor":"#abb8c3","backgroundColorOpacity":0,"textColor":"#ffffff","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0,"textColorHover":"#0cd1d4","showAdvancedTypography":true,"fontWeight":"600","fontSize":30,"marginRight":"10","marginLeft":"10","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","gradientColorOne":"#f78da7","gradientColorOneOpacity":1,"gradientColorTwo":"#ff6900","gradientColorTwoOpacity":1} -->
<a class="gb-button gb-button-45dbd481" href="#"><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"e87bada2","hasIcon":true,"removeText":true,"backgroundColor":"#abb8c3","backgroundColorOpacity":0,"textColor":"#ffffff","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0,"textColorHover":"#0cd1d4","showAdvancedTypography":true,"fontWeight":"600","fontSize":30,"marginRight":"10","marginLeft":"10","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","gradientColorOne":"#f78da7","gradientColorOneOpacity":1,"gradientColorTwo":"#ff6900","gradientColorTwoOpacity":1} -->
<a class="gb-button gb-button-e87bada2" href="#"><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"0afd5d08","hasIcon":true,"removeText":true,"backgroundColor":"#abb8c3","backgroundColorOpacity":0,"textColor":"#ffffff","backgroundColorHover":"#05bcbf","backgroundColorHoverOpacity":0,"textColorHover":"#0cd1d4","showAdvancedTypography":true,"fontWeight":"600","fontSize":28,"marginRight":"10","marginLeft":"10","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"0","borderSizeLeft":"0","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4","gradientColorOne":"#f78da7","gradientColorOneOpacity":1,"gradientColorTwo":"#ff6900","gradientColorTwoOpacity":1} -->
<a class="gb-button gb-button-0afd5d08" href="#"><span class="gb-icon"><svg aria-hidden="true" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></span></a>
<!-- /wp:generateblocks/button --></div>
<!-- /wp:generateblocks/button-container --></div></div>
<!-- /wp:generateblocks/container -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment