Component Search Filter by Component Type Filter by Application Banner 1 <!-- wp:generateblocks/container {"uniqueId":"8b5d505b","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","sizing":{"minHeight":"60vh"},"metadata":{"name":"Banner 1"}} --> <!-- wp:generateblocks/container {"uniqueId":"e8ce7100","bgImage":{"id":70384,"image":{"url":"http://getondemo.kinsta.cloud/wp-content/uploads/2024/11/placeholder.png","height":1536,"width":2304,"orientation":"landscape"}},"isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%"},"hideOnMobile":true} /--> <!-- wp:generateblocks/container {"uniqueId":"bd1a6448","backgroundColor":"var(\u002d\u002dtext)","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","position":"relative","overflowX":"hidden","overflowY":"hidden","sizing":{"width":"50%","widthMobile":"100%"}} --> <!-- wp:generateblocks/image {"uniqueId":"19e98498","mediaId":70384,"sizeSlug":"full","blockVersion":2,"hideOnDesktop":true,"hideOnTablet":true} --> <figure class="gb-block-image gb-block-image-19e98498"><img decoding="async" class="gb-image gb-image-19e98498" src="http://getondemo.kinsta.cloud/wp-content/uploads/2024/11/placeholder.png" alt="" title="placeholder"/></figure> <!-- /wp:generateblocks/image --> <!-- wp:generateblocks/container {"uniqueId":"a6fec955","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","position":"relative","zindex":2,"spacing":{"paddingLeft":"var(\u002d\u002dpadding)","paddingRight":"var(\u002d\u002dpadding)","paddingTop":"var(\u002d\u002dpadding-dbl)","paddingBottom":"var(\u002d\u002dpadding-dbl)","paddingTopMobile":"var(\u002d\u002dpadding)","paddingBottomMobile":"var(\u002d\u002dpadding)"}} --> <!-- wp:generateblocks/headline {"uniqueId":"85f37d6d","element":"h1","blockVersion":3,"typography":{"textAlign":"center"},"spacing":{"marginBottom":"2rem"},"textColor":"var(\u002d\u002dwhite)"} --> <h1 class="gb-headline gb-headline-85f37d6d gb-headline-text">Heading Text</h1> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"7491eb8e","element":"p","blockVersion":3,"sizing":{"maxWidth":"768px"},"typography":{"textAlign":"center"},"spacing":{"marginBottom":"2rem"},"textColor":"var(\u002d\u002dwhite)"} --> <p class="gb-headline gb-headline-7491eb8e gb-headline-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/button {"uniqueId":"1db61c16","hasUrl":true,"blockVersion":4,"typography":{"textAlign":"center"},"spacing":{"marginBottom":""},"className":"smooth-scroll","globalClasses":["primary-button"]} --> <a class="gb-button gb-button-1db61c16 gb-button-text primary-button smooth-scroll" href="placeholder">CTA TEXT</a> <!-- /wp:generateblocks/button --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph -->Copy Block.test { color: red; }Copy StyleCopy Code Banner 2 <!-- wp:generateblocks/container {"uniqueId":"8b5d505b","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","sizing":{"minHeight":"60vh"},"metadata":{"name":"Banner 1"}} --> <!-- wp:generateblocks/container {"uniqueId":"e8ce7100","bgImage":{"id":70384,"image":{"url":"http://getondemo.kinsta.cloud/wp-content/uploads/2024/11/placeholder.png","height":1536,"width":2304,"orientation":"landscape"}},"isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%"},"hideOnMobile":true} /--> <!-- wp:generateblocks/container {"uniqueId":"bd1a6448","backgroundColor":"var(\u002d\u002dtext)","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","position":"relative","overflowX":"hidden","overflowY":"hidden","sizing":{"width":"50%","widthMobile":"100%"}} --> <!-- wp:generateblocks/image {"uniqueId":"19e98498","mediaId":70384,"sizeSlug":"full","blockVersion":2,"hideOnDesktop":true,"hideOnTablet":true} --> <figure class="gb-block-image gb-block-image-19e98498"><img decoding="async" class="gb-image gb-image-19e98498" src="http://getondemo.kinsta.cloud/wp-content/uploads/2024/11/placeholder.png" alt="" title="placeholder"/></figure> <!-- /wp:generateblocks/image --> <!-- wp:generateblocks/container {"uniqueId":"a6fec955","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","position":"relative","zindex":2,"spacing":{"paddingLeft":"var(\u002d\u002dpadding)","paddingRight":"var(\u002d\u002dpadding)","paddingTop":"var(\u002d\u002dpadding-dbl)","paddingBottom":"var(\u002d\u002dpadding-dbl)","paddingTopMobile":"var(\u002d\u002dpadding)","paddingBottomMobile":"var(\u002d\u002dpadding)"}} --> <!-- wp:generateblocks/headline {"uniqueId":"85f37d6d","element":"h1","blockVersion":3,"typography":{"textAlign":"center"},"spacing":{"marginBottom":"2rem"},"textColor":"var(\u002d\u002dwhite)"} --> <h1 class="gb-headline gb-headline-85f37d6d gb-headline-text">Heading Text</h1> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"7491eb8e","element":"p","blockVersion":3,"sizing":{"maxWidth":"768px"},"typography":{"textAlign":"center"},"spacing":{"marginBottom":"2rem"},"textColor":"var(\u002d\u002dwhite)"} --> <p class="gb-headline gb-headline-7491eb8e gb-headline-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/button {"uniqueId":"1db61c16","hasUrl":true,"blockVersion":4,"typography":{"textAlign":"center"},"spacing":{"marginBottom":""},"className":"smooth-scroll","globalClasses":["primary-button"]} --> <a class="gb-button gb-button-1db61c16 gb-button-text primary-button smooth-scroll" href="placeholder">CTA TEXT</a> <!-- /wp:generateblocks/button --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container -->Copy Block.some_style { background-color: #ccc; }Copy StyleCopy Code Highlights 1 Patterns cannot be copied. Detach to allow copying. Left Right 1 <!-- wp:generateblocks/container {"uniqueId":"e05b8bbd","bgOptions":{"selector":"pseudo-element","opacity":0.1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"isDynamic":true,"blockVersion":4,"position":"relative","overflowX":"hidden","overflowY":"hidden","metadata":{"name":"Left/Right 1"}} --> <!-- wp:generateblocks/container {"uniqueId":"e3dc3ee8","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"row","flexDirectionTablet":"column","columnGap":"var(\u002d\u002dpadding)","rowGapTablet":"var(\u002d\u002dpadding)","useGlobalMaxWidth":true,"spacing":{"marginRight":"auto","marginLeft":"auto","paddingTop":"","paddingBottom":"","paddingTopTablet":"","paddingTopMobile":""},"globalClasses":["boxed-container"]} --> <!-- wp:generateblocks/container {"uniqueId":"5034ef1a","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"row","alignItems":"center","justifyContent":"center","position":"relative","overflowX":"visible","overflowY":"visible","sizing":{"width":"55%","widthTablet":"100%"},"advBackgrounds":[{"target":"self","device":"all","state":"normal","type":"image","url":"https://olsencommunities.com/wp-content/uploads/2024/06/UVP_1.jpg","id":10316,"imageSize":"full","opacity":1,"size":"cover","position":"center center","repeat":"no-repeat","attachment":"scroll"},{"target":"pseudo-element","device":"all","state":"normal","type":"gradient","direction":90,"colorOne":"#ffffff","colorTwo":"rgba(255, 255, 255, 0)","stopOne":30,"stopTwo":30}]} --> <!-- wp:generateblocks/image {"uniqueId":"2c08cb03","mediaId":70384,"sizeSlug":"full","blockVersion":2,"spacing":{"marginRight":"","marginLeft":""},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"},"className":"aspect-950-640","useBoxShadow":true,"boxShadows":[{"state":"normal","target":"self","customSelector":"","inset":false,"color":"rgba(0,0,0,0.3)","xOffset":0,"yOffset":10,"blur":20,"spread":0}]} --> <figure class="gb-block-image gb-block-image-2c08cb03"><img decoding="async" class="gb-image gb-image-2c08cb03 aspect-950-640" src="http://getondemo.kinsta.cloud/wp-content/uploads/2024/11/placeholder.png" alt="" title="placeholder"/></figure> <!-- /wp:generateblocks/image --> <!-- /wp:generateblocks/container --> <!-- wp:generateblocks/container {"uniqueId":"1fc897f8","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"flex-start","justifyContent":"center","sizing":{"width":"45%","widthTablet":"100%"},"spacing":{"paddingRight":"","paddingRightTablet":"","paddingLeft":"","paddingLeftTablet":"0%"}} --> <!-- wp:generateblocks/headline {"uniqueId":"99130aa7","blockVersion":3} --> <h2 class="gb-headline gb-headline-99130aa7 gb-headline-text">Heading Text</h2> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"62c08c60","element":"p","blockVersion":3,"spacing":{"marginBottom":""}} --> <p class="gb-headline gb-headline-62c08c60 gb-headline-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/button {"uniqueId":"b36d47b5","hasUrl":true,"blockVersion":4,"spacing":{"marginLeft":"","marginTop":"0.5rem"},"globalClasses":["primary-button"],"useGlobalStyle":true,"globalStyleId":"primary"} --> <a class="gb-button gb-button-b36d47b5 gb-button-text primary-button gb-button-primary" href="placeholder">CTA TEXT</a> <!-- /wp:generateblocks/button --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container -->Copy Block Right Left 1 <!-- wp:generateblocks/container {"uniqueId":"78cd6592","bgOptions":{"selector":"pseudo-element","opacity":0.1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"isDynamic":true,"blockVersion":4,"position":"relative","overflowX":"hidden","overflowY":"hidden","metadata":{"name":"Right/left 1"}} --> <!-- wp:generateblocks/container {"uniqueId":"d4bbaa54","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"row","flexDirectionTablet":"column-reverse","columnGap":"var(\u002d\u002dpadding)","rowGapTablet":"var(\u002d\u002dpadding)","useGlobalMaxWidth":true,"spacing":{"marginRight":"auto","marginLeft":"auto","paddingTop":"","paddingBottom":"","paddingTopTablet":"","paddingTopMobile":""},"globalClasses":["boxed-container"]} --> <!-- wp:generateblocks/container {"uniqueId":"339a0f12","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"flex-start","justifyContent":"center","sizing":{"width":"45%","widthTablet":"100%"},"spacing":{"paddingRight":"","paddingRightTablet":"","paddingLeft":"","paddingLeftTablet":"0%"}} --> <!-- wp:generateblocks/headline {"uniqueId":"18301f09","blockVersion":3} --> <h2 class="gb-headline gb-headline-18301f09 gb-headline-text">Heading Text</h2> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"5a6b8da6","element":"p","blockVersion":3,"spacing":{"marginBottom":""}} --> <p class="gb-headline gb-headline-5a6b8da6 gb-headline-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/button {"uniqueId":"b36d47b5","hasUrl":true,"blockVersion":4,"spacing":{"marginLeft":"","marginTop":"0.5rem"},"globalClasses":["primary-button"],"useGlobalStyle":true,"globalStyleId":"primary"} --> <a class="gb-button gb-button-b36d47b5 gb-button-text primary-button gb-button-primary" href="placeholder">CTA TEXT</a> <!-- /wp:generateblocks/button --> <!-- /wp:generateblocks/container --> <!-- wp:generateblocks/container {"uniqueId":"870ad1cb","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"row","alignItems":"center","justifyContent":"center","position":"relative","overflowX":"visible","overflowY":"visible","sizing":{"width":"55%","widthTablet":"100%"},"advBackgrounds":[{"target":"self","device":"all","state":"normal","type":"image","url":"https://olsencommunities.com/wp-content/uploads/2024/06/UVP_1.jpg","id":10316,"imageSize":"full","opacity":1,"size":"cover","position":"center center","repeat":"no-repeat","attachment":"scroll"},{"target":"pseudo-element","device":"all","state":"normal","type":"gradient","direction":90,"colorOne":"#ffffff","colorTwo":"rgba(255, 255, 255, 0)","stopOne":30,"stopTwo":30}]} --> <!-- wp:generateblocks/image {"uniqueId":"0d1a5bad","mediaId":70384,"sizeSlug":"full","blockVersion":2,"spacing":{"marginRight":"","marginLeft":""},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"},"className":"aspect-950-640","useBoxShadow":true,"boxShadows":[{"state":"normal","target":"self","customSelector":"","inset":false,"color":"rgba(0,0,0,0.3)","xOffset":0,"yOffset":10,"blur":20,"spread":0}]} --> <figure class="gb-block-image gb-block-image-0d1a5bad"><img decoding="async" class="gb-image gb-image-0d1a5bad aspect-950-640" src="http://getondemo.kinsta.cloud/wp-content/uploads/2024/11/placeholder.png" alt="" title="placeholder"/></figure> <!-- /wp:generateblocks/image --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container -->Copy Block.test { border: 1px solid red; }Copy Style[comp-left-right-1]Copy CodeAs seen on:Home Page 1
