Skip to content

Instantly share code, notes, and snippets.

@diggeddy
Created March 8, 2023 11:37
Show Gist options
  • Save diggeddy/6dde5c1b25814a2a99b6234b98bfcd39 to your computer and use it in GitHub Desktop.
Save diggeddy/6dde5c1b25814a2a99b6234b98bfcd39 to your computer and use it in GitHub Desktop.
generate.support hero
<!-- wp:html -->
<style>
.gb-tabs__button.gb-block-is-current .icon-not-current,
.gb-tabs__button:not(.gb-block-is-current ) .icon-current{
display: none;
}
</style>
<!-- /wp:html -->
<!-- wp:generateblocks/container {"uniqueId":"db7fbf3c","backgroundColor":"#181b29","gradientDirection":30,"gradientColorOne":"#17143a","gradientColorTwo":"#1f1d54","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"paddingTop":"60","paddingRight":"40","paddingBottom":"60","paddingLeft":"40","paddingRightTablet":"30","paddingLeftTablet":"30","paddingRightMobile":"20","paddingLeftMobile":"20","textColorHover":"var(\u002d\u002dbase-3)"} -->
<!-- wp:generateblocks/container {"uniqueId":"ff15a876","borderColor":"rgba(255, 255, 255, 0.25)","isDynamic":true,"blockVersion":3,"sizing":{"maxWidth":"1320px"},"marginRight":"auto","marginLeft":"auto","borderSizeBottom":"1"} -->
<!-- wp:generateblocks/container {"uniqueId":"df23182e","isDynamic":true,"blockVersion":3,"display":"flex","flexWrap":"wrap","justifyContentTablet":"center"} -->
<!-- wp:generateblocks/headline {"uniqueId":"24c68146","element":"h1","blockVersion":2,"fontSize":72,"fontSizeTablet":56,"marginBottom":"0","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":""} -->
<h1 class="gb-headline gb-headline-24c68146 gb-headline-text"><strong>Generate</strong></h1>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"f92c1da1","element":"h1","blockVersion":2,"fontSize":72,"fontSizeTablet":56,"marginBottom":"0","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":""} -->
<h1 class="gb-headline gb-headline-f92c1da1 gb-headline-text"><strong>.Support</strong></h1>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/headline {"uniqueId":"d8f20b9d","element":"div","blockVersion":2,"sizing":{"width":"","maxWidth":""},"alignment":"left","alignmentTablet":"center","fontSize":24,"marginTop":"10","marginBottom":"40","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":""} -->
<div class="gb-headline gb-headline-d8f20b9d gb-headline-text">The premium support channel for GeneratePress and GenerateBlocks</div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"5dc01d29","borderColor":"rgba(255, 255, 255, 0.25)","isDynamic":true,"blockVersion":3,"display":"flex","flexDirectionTablet":"row","flexWrapTablet":"wrap","alignItems":"flex-end","sizing":{"maxWidth":"1320px"},"marginRight":"auto","marginLeft":"auto"} -->
<!-- wp:generateblocks/container {"uniqueId":"a472fac6","borderColor":"rgba(255, 255, 255, 0.25)","isDynamic":true,"blockVersion":3,"flexGrow":1,"flexBasis":"70%","flexBasisTablet":"100%","sizing":{"minHeight":""},"paddingTop":"40","paddingRight":"40","paddingRightTablet":"0","borderSizeRight":"1","borderSizeTopTablet":"1","borderSizeRightTablet":"0"} -->
<!-- wp:generateblocks/headline {"uniqueId":"be017d80","element":"div","blockVersion":2,"alignmentTablet":"center","alignmentMobile":"center","fontSize":24,"marginBottom":"30","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":""} -->
<div class="gb-headline gb-headline-be017d80 gb-headline-text"><strong>Do you own a GeneratePress Premium or GenerateBlocks Pro License? </strong></div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/container {"uniqueId":"b1f276a1","isDynamic":true,"blockVersion":3,"display":"flex","flexWrap":"wrap","columnGap":"40px"} -->
<!-- wp:generateblocks/container {"uniqueId":"b7a08c97","isDynamic":true,"blockVersion":3,"variantRole":"tabs","display":"flex","flexDirection":"column","alignItemsMobile":"center","columnGap":"20px","rowGap":"20px","defaultOpenedTab":"1"} -->
<!-- wp:generateblocks/container {"uniqueId":"b56fd52c","isDynamic":true,"blockVersion":3,"variantRole":"tab-buttons","display":"flex","flexDirection":"row","flexDirectionMobile":"column","flexWrapTablet":"wrap","alignItems":"flex-start","alignItemsMobile":"center","justifyContent":"flex-start","justifyContentTablet":"center","columnGap":"80px","sizing":{"maxWidthMobile":"100%"},"lock":{"remove":true}} -->
<!-- wp:generateblocks/button {"uniqueId":"f56acf03","hasUrl":false,"blockVersion":3,"variantRole":"tab-button","buttonType":"button","display":"inline-flex","alignItems":"center","justifyContentTablet":"flex-start","flexGrowMobile":1,"flexShrinkMobile":0,"fontWeight":"500","fontSize":20,"paddingTop":"6","paddingRight":"0","paddingBottom":"6","paddingLeft":"0","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"2","borderSizeLeft":"0","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorHover":"rgba(0, 0, 0, 0)","backgroundColorCurrent":"rgba(0, 0, 0, 0)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","borderColor":"rgba(255, 255, 255, 0)","borderColorHover":"#f0544f","borderColorCurrent":"#f0544f","hasIcon":true,"tabItemOpen":true} -->
<button class="gb-button gb-button-f56acf03 gb-tabs__button gb-block-is-current"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" aria-hidden="true" class="icon-current"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" fill="currentColor"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" aria-hidden="true" class="icon-not-current"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z" fill="currentColor"></path></svg></span><span class="gb-button-text">Yes i do</span></button>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"ff32f55d","hasUrl":false,"blockVersion":3,"variantRole":"tab-button","buttonType":"button","display":"inline-flex","alignItems":"center","justifyContentTablet":"flex-start","flexGrowMobile":1,"flexShrinkMobile":0,"fontWeight":"500","fontSize":20,"paddingTop":"6","paddingRight":"0","paddingBottom":"6","paddingLeft":"0","borderSizeTop":"0","borderSizeRight":"0","borderSizeBottom":"2","borderSizeLeft":"0","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorHover":"rgba(0, 0, 0, 0)","backgroundColorCurrent":"rgba(0, 0, 0, 0)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","borderColor":"rgba(255, 255, 255, 0)","borderColorHover":"#f0544f","borderColorCurrent":"#f0544f","hasIcon":true} -->
<button class="gb-button gb-button-ff32f55d gb-tabs__button"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" aria-hidden="true" class="icon-current"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" fill="currentColor"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" aria-hidden="true" class="icon-not-current"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z" fill="currentColor"></path></svg></span><span class="gb-button-text">No i don't</span></button>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"b9a6d933","isDynamic":true,"blockVersion":3,"variantRole":"tab-items","lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"afa4e3a9","isDynamic":true,"blockVersion":3,"variantRole":"tab-item","alignmentTablet":"center","tabItemOpen":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"18f595fc","element":"div","blockVersion":2,"alignmentTablet":"","fontSize":20,"marginBottom":"30","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":""} -->
<div class="gb-headline gb-headline-18f595fc gb-headline-text">Then start receiving premium support for all your GeneratePress and GenerateBlocks products in one dedicated place.</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button {"uniqueId":"2f00b023","hasUrl":false,"blockVersion":3,"display":"inline-flex","paddingTop":"6","paddingRight":"12","paddingBottom":"8","paddingLeft":"12","backgroundColor":"#f0544f","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff"} -->
<span class="gb-button gb-button-2f00b023 gb-button-text">REGISTER HERE</span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"63edc4f1","isDynamic":true,"blockVersion":3,"variantRole":"tab-item","alignmentTablet":"center"} -->
<!-- wp:generateblocks/headline {"uniqueId":"46aa2c85","element":"div","blockVersion":2,"fontSize":20,"marginBottom":"30","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":""} -->
<div class="gb-headline gb-headline-46aa2c85 gb-headline-text">Then, find out more about our WordPress products at GeneratePress.com and GenerateBlocks.com</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/container {"uniqueId":"4e4727d5","isDynamic":true,"blockVersion":3,"variantRole":"button-container","display":"flex","flexWrapMobile":"wrap","justifyContentTablet":"center","columnGap":"20px","rowGapMobile":"10px"} -->
<!-- wp:generateblocks/button {"uniqueId":"ce90645b","hasUrl":false,"blockVersion":3,"display":"inline-flex","justifyContentMobile":"center","flexGrowMobile":1,"paddingTop":"6","paddingRight":"12","paddingBottom":"8","paddingLeft":"12","backgroundColor":"#f0544f","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff"} -->
<span class="gb-button gb-button-ce90645b gb-button-text">GENERATEPRESS</span>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"4259a7e2","hasUrl":false,"blockVersion":3,"display":"inline-flex","justifyContentMobile":"center","flexGrowMobile":1,"paddingTop":"6","paddingRight":"12","paddingBottom":"8","paddingLeft":"12","backgroundColor":"#f0544f","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff"} -->
<span class="gb-button gb-button-4259a7e2 gb-button-text">GENERATEBLOCKS</span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"4cfdc061","isDynamic":true,"blockVersion":3,"displayTablet":"flex","alignItemsTablet":"center","justifyContentTablet":"space-between","flexGrow":1,"flexBasis":"30%","flexBasisTablet":"100%","orderTablet":-1,"sizing":{"minHeight":"","height":"100%"},"paddingLeft":"40","paddingTopTablet":"20","paddingBottomTablet":"20","paddingLeftTablet":"0"} -->
<!-- wp:generateblocks/headline {"uniqueId":"83b77a4a","element":"div","blockVersion":2,"fontSize":24,"marginBottom":"30","marginBottomTablet":"0","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","hideOnMobile":true} -->
<div class="gb-headline gb-headline-83b77a4a gb-headline-text"><strong>Already registered</strong>?</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button {"uniqueId":"8bf233bd","hasUrl":false,"blockVersion":3,"display":"inline-flex","justifyContentMobile":"center","sizing":{"widthMobile":"100%"},"paddingTop":"6","paddingRight":"12","paddingBottom":"8","paddingLeft":"12","backgroundColor":"#f0544f","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff"} -->
<span class="gb-button gb-button-8bf233bd gb-button-text">LOGIN</span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment