Footer with columns, text, button, links.
bright-mode/footer-default
Categories: bright-mode-footer
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"main","textColor":"base","layout":{"inherit":true},"fontSize":"small"} --> <div class="wp-block-group alignfull has-base-color has-main-background-color has-text-color has-background has-link-color has-small-font-size" style="margin-top:0px"><!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px"}}},"gradient":"primary-secondary"} --> <div class="wp-block-group alignfull has-primary-secondary-gradient-background has-background" style="margin-top:0px"><!-- wp:spacer {"height":"5px"} --> <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"padding":{"bottom":"60px","top":"100px"},"blockGap":"30px","margin":{"top":"0px"}}}} --> <div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:0px;padding-top:100px;padding-bottom:60px"><!-- wp:column {"verticalAlignment":"center","width":"45%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":1.3,"fontStyle":"normal","fontWeight":"300"}},"fontSize":"x-large"} --> <p class="has-x-large-font-size" style="font-style:normal;font-weight:300;line-height:1.3">Are you interested in working with us? Send an email to <a href="mailto:hello@example.com" data-type="mailto" data-id="mailto:hello@example.com">hello@example.com</a> or <a href="#">schedule a free call</a>. Ka-chow!</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"55%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} --> <div class="wp-block-buttons"><!-- wp:button {"align":"right","className":"is-style-shadow-base"} --> <div class="wp-block-button alignright is-style-shadow-base"><a class="wp-block-button__link">Work With Us →</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:group {"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"40px","bottom":"40px"},"blockGap":"0px"}},"layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"},"fontSize":"tiny"} --> <div class="wp-block-group alignwide has-tiny-font-size" style="font-style:normal;font-weight:400;padding-top:40px;padding-bottom:40px"><!-- wp:paragraph --> <p>© 2022 Your Company LLC · <a href="https://wordpress.org/themes/bright-mode/" data-type="URL" data-id="https://wordpress.org/themes/bright-mode/">Bright Mode Theme</a> by <a href="https://briangardner.com/" data-type="URL" data-id="https://briangardner.com/">Brian Gardner</a></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><a href="#">Twitter</a> · <a href="#">Instagram</a> · <a href="#">LinkedIn</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Footer with text, links.
bright-mode/footer-simple
Categories: bright-mode-footer
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px"}}},"gradient":"primary-secondary"} --> <div class="wp-block-group alignfull has-primary-secondary-gradient-background has-background" style="margin-top:0px"><!-- wp:spacer {"height":"5px"} --> <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"40px","bottom":"40px"},"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"main","textColor":"base","layout":{"inherit":true},"fontSize":"small"} --> <div class="wp-block-group alignfull has-base-color has-main-background-color has-text-color has-background has-link-color has-small-font-size" style="margin-top:0px;padding-top:40px;padding-bottom:40px"><!-- wp:group {"align":"wide","layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"}} --> <div class="wp-block-group alignwide"><!-- wp:paragraph --> <p>© 2022 Your Company LLC · <a href="https://wordpress.org/themes/bright-mode/" data-type="URL" data-id="https://wordpress.org/themes/bright-mode/">Bright Mode Theme</a> by <a href="https://briangardner.com/" data-type="URL" data-id="https://briangardner.com/">Brian Gardner</a></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><a href="#">Twitter</a> · <a href="#">Instagram</a> · <a href="#">LinkedIn</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Section with cover image, heading, text, buttons.
bright-mode/general-hero
Categories: bright-mode-general
<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/sample.jpg","id":238,"dimRatio":50,"focalPoint":{"x":"0.50","y":"0.00"},"align":"full","style":{"spacing":{"padding":{"top":"120px","bottom":"150px"}}}} --> <div class="wp-block-cover alignfull" style="padding-top:120px;padding-bottom:150px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-238" alt="Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/sample.jpg" style="object-position:50% 0%" data-object-fit="cover" data-object-position="50% 0%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"textColor":"base","fontSize":"max-96"} --> <h1 class="has-text-align-center has-base-color has-text-color has-max-96-font-size">Welcome to your sublime</h1> <!-- /wp:heading --> <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} --> <div class="wp-block-group" style="margin-top:0px"><!-- wp:heading {"textAlign":"center","level":1,"className":"is-style-gradient-primary-secondary","fontSize":"max-96"} --> <h1 class="has-text-align-center is-style-gradient-primary-secondary has-max-96-font-size">WordPress website.</h1> <!-- /wp:heading --></div> <!-- /wp:group --> <!-- wp:paragraph {"align":"center","textColor":"base","fontSize":"large"} --> <p class="has-text-align-center has-base-color has-text-color has-large-font-size">Modern design, fresh patterns, vibrant colors—all in one theme.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"layout":{"wideSize":"960px"}} --> <div class="wp-block-group"><!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"align":"center","style":{"spacing":{"padding":{"top":"15px","bottom":"15px","left":"40px","right":"40px"}}},"className":"is-style-shadow-base","fontSize":"medium"} --> <div class="wp-block-button aligncenter has-custom-font-size is-style-shadow-base has-medium-font-size"><a class="wp-block-button__link" style="padding-top:15px;padding-right:40px;padding-bottom:15px;padding-left:40px">View Theme Features →</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:cover -->
Header with site logo, site title, navigation.
bright-mode/header-alt
Categories: bright-mode-header
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px"}}},"gradient":"primary-secondary"} --> <div class="wp-block-group alignfull has-primary-secondary-gradient-background has-background" style="margin-top:0px"><!-- wp:spacer {"height":"5px"} --> <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"},"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","className":"has-no-background","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-no-background has-base-color has-text-color has-link-color" style="margin-top:0px;padding-top:30px;padding-bottom:30px"> <!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> <div class="wp-block-group alignwide"> <!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"> <!-- wp:site-logo {"width":24,"shouldSyncIcon":false} /--> <!-- wp:site-title /--> </div> <!-- /wp:group --> <!-- wp:navigation {"isResponsive":true,"style":{"spacing":{"blockGap":"20px"}}} --> <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> <!-- /wp:navigation --> </div> <!-- /wp:group --> </div> <!-- /wp:group -->
Header with site logo, site title, navigation.
bright-mode/header-default
Categories: bright-mode-header
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px"}}},"gradient":"primary-secondary"} --> <div class="wp-block-group alignfull has-primary-secondary-gradient-background has-background" style="margin-top:0px"><!-- wp:spacer {"height":"5px"} --> <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"},"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"main","textColor":"base","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-base-color has-main-background-color has-text-color has-background has-link-color" style="margin-top:0px;padding-top:30px;padding-bottom:30px"> <!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> <div class="wp-block-group alignwide"> <!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"> <!-- wp:site-logo {"width":24,"shouldSyncIcon":false} /--> <!-- wp:site-title /--> </div> <!-- /wp:group --> <!-- wp:navigation {"isResponsive":true,"style":{"spacing":{"blockGap":"20px"}}} --> <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> <!-- /wp:navigation --> </div> <!-- /wp:group --> </div> <!-- /wp:group -->
404 error content.
bright-mode/hidden-404
<!-- wp:heading {"level":1} --> <h1>Not found, error 404</h1> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Oops, the page you are looking for does not exist or is not available. Everything is still awesome. Just use the search form to find your way.</p> <!-- /wp:paragraph --> <!-- wp:search {"width":75,"widthUnit":"%","showLabel":false,"buttonText":"Search"} /-->
Page with image, text, social icons, buttons.
bright-mode/link-page-base-background
Categories: bright-mode-link-page
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0px"}}},"backgroundColor":"base","textColor":"background","className":"is-style-full-height","layout":{"inherit":true}} --> <div class="wp-block-group alignfull is-style-full-height has-background-color has-base-background-color has-text-color has-background has-link-color" style="margin-top:0px"><!-- wp:group {"layout":{"wideSize":"600px"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","id":266,"width":120,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Sample Avatar" class="wp-image-266" width="120" height="120"/></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> <h2 class="has-text-align-center has-x-large-font-size" id="your-name-1">Your Name</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Company Name<br><a href="mailto:name@exmaple.com">name@example.com</a></p> <!-- /wp:paragraph --> <!-- wp:social-links {"iconColor":"base","iconColorValue":"#fff","iconBackgroundColor":"main","iconBackgroundColorValue":"#000","size":"has-normal-icon-size","align":"center","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} --> <ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> <!-- wp:social-link {"url":"#","service":"instagram"} /--> <!-- wp:social-link {"url":"#","service":"twitter"} /--> <!-- wp:social-link {"url":"#","service":"dribbble"} /--> <!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul> <!-- /wp:social-links --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Visit My Website</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Read My Blog</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Download My Ebook</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Follow My Newsletter</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Listen to My Podcast</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size"><a href="https://wordpress.org/themes/bright-mode/">Made with Bright Mode</a></p> <!-- /wp:paragraph --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Page with image, text, social icons, buttons.
bright-mode/link-page-main-background
Categories: bright-mode-link-page
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"margin":{"top":"0px"}}},"backgroundColor":"main","textColor":"base","className":"is-style-full-height","layout":{"inherit":true}} --> <div class="wp-block-group alignfull is-style-full-height has-base-color has-main-background-color has-text-color has-background has-link-color" style="margin-top:0px"><!-- wp:group {"layout":{"wideSize":"600px"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","id":266,"width":120,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Sample Avatar" class="wp-image-266" width="120" height="120"/></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> <h2 class="has-text-align-center has-x-large-font-size" id="your-name-1">Your Name</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Company Name<br><a href="mailto:name@exmaple.com">name@example.com</a></p> <!-- /wp:paragraph --> <!-- wp:social-links {"iconColor":"main","iconColorValue":"#000","iconBackgroundColor":"base","iconBackgroundColorValue":"#fff","size":"has-normal-icon-size","align":"center","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} --> <ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> <!-- wp:social-link {"url":"#","service":"instagram"} /--> <!-- wp:social-link {"url":"#","service":"twitter"} /--> <!-- wp:social-link {"url":"#","service":"dribbble"} /--> <!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul> <!-- /wp:social-links --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"is-style-fill-background is-style-shadow-base"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-base"><a class="wp-block-button__link">Visit My Website</a></div> <!-- /wp:button --> <!-- wp:button {"width":100,"className":"is-style-fill-background is-style-shadow-base"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-base"><a class="wp-block-button__link">Read My Blog</a></div> <!-- /wp:button --> <!-- wp:button {"width":100,"className":"is-style-fill-background is-style-shadow-base"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-base"><a class="wp-block-button__link">Download My Ebook</a></div> <!-- /wp:button --> <!-- wp:button {"width":100,"className":"is-style-fill-background is-style-shadow-base"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-base"><a class="wp-block-button__link">Follow My Newsletter</a></div> <!-- /wp:button --> <!-- wp:button {"width":100,"className":"is-style-fill-background is-style-shadow-base"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-base"><a class="wp-block-button__link">Listen to My Podcast</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size"><a href="https://wordpress.org/themes/bright-mode/">Made with Bright Mode</a></p> <!-- /wp:paragraph --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Page with image, text, social icons, buttons.
bright-mode/link-page-primary-secondary-background
Categories: bright-mode-link-page
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0px"}}},"textColor":"background","gradient":"primary-secondary","className":"is-style-full-height","layout":{"inherit":true}} --> <div class="wp-block-group alignfull is-style-full-height has-background-color has-primary-secondary-gradient-background has-text-color has-background has-link-color" style="margin-top:0px"><!-- wp:group {"layout":{"wideSize":"600px"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","id":266,"width":120,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Sample Avatar" class="wp-image-266" width="120" height="120"/></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> <h2 class="has-text-align-center has-x-large-font-size" id="your-name-1">Your Name</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Company Name<br><a href="mailto:name@exmaple.com">name@example.com</a></p> <!-- /wp:paragraph --> <!-- wp:social-links {"iconColor":"base","iconColorValue":"#fff","iconBackgroundColor":"main","iconBackgroundColorValue":"#000","size":"has-normal-icon-size","align":"center","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} --> <ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> <!-- wp:social-link {"url":"#","service":"instagram"} /--> <!-- wp:social-link {"url":"#","service":"twitter"} /--> <!-- wp:social-link {"url":"#","service":"dribbble"} /--> <!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul> <!-- /wp:social-links --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Visit My Website</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Read My Blog</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Download My Ebook</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Follow My Newsletter</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Listen to My Podcast</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size"><a href="https://wordpress.org/themes/bright-mode/">Made with Bright Mode</a></p> <!-- /wp:paragraph --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Page with image, text, social icons, buttons.
bright-mode/link-page-primary-secondary-tertiary-background
Categories: bright-mode-link-page
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0px"}}},"textColor":"background","gradient":"primary-secondary-tertiary","className":"is-style-full-height","layout":{"inherit":true}} --> <div class="wp-block-group alignfull is-style-full-height has-background-color has-primary-secondary-tertiary-gradient-background has-text-color has-background has-link-color" style="margin-top:0px"><!-- wp:group {"layout":{"wideSize":"600px"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","id":266,"width":120,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Sample Avatar" class="wp-image-266" width="120" height="120"/></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> <h2 class="has-text-align-center has-x-large-font-size" id="your-name-1">Your Name</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Company Name<br><a href="mailto:name@exmaple.com">name@example.com</a></p> <!-- /wp:paragraph --> <!-- wp:social-links {"iconColor":"base","iconColorValue":"#fff","iconBackgroundColor":"main","iconBackgroundColorValue":"#000","size":"has-normal-icon-size","align":"center","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} --> <ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> <!-- wp:social-link {"url":"#","service":"instagram"} /--> <!-- wp:social-link {"url":"#","service":"twitter"} /--> <!-- wp:social-link {"url":"#","service":"dribbble"} /--> <!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul> <!-- /wp:social-links --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Visit My Website</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Read My Blog</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Download My Ebook</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Follow My Newsletter</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Listen to My Podcast</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size"><a href="https://wordpress.org/themes/bright-mode/">Made with Bright Mode</a></p> <!-- /wp:paragraph --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Page with image, text, social icons, buttons.
bright-mode/link-page-secondary-tertiary-background
Categories: bright-mode-link-page
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0px"}}},"textColor":"background","gradient":"secondary-tertiary","className":"is-style-full-height","layout":{"inherit":true}} --> <div class="wp-block-group alignfull is-style-full-height has-background-color has-secondary-tertiary-gradient-background has-text-color has-background has-link-color" style="margin-top:0px"><!-- wp:group {"layout":{"wideSize":"600px"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","id":266,"width":120,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Sample Avatar" class="wp-image-266" width="120" height="120"/></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> <h2 class="has-text-align-center has-x-large-font-size" id="your-name-1">Your Name</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Company Name<br><a href="mailto:name@exmaple.com">name@example.com</a></p> <!-- /wp:paragraph --> <!-- wp:social-links {"iconColor":"base","iconColorValue":"#fff","iconBackgroundColor":"main","iconBackgroundColorValue":"#000","size":"has-normal-icon-size","align":"center","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} --> <ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> <!-- wp:social-link {"url":"#","service":"instagram"} /--> <!-- wp:social-link {"url":"#","service":"twitter"} /--> <!-- wp:social-link {"url":"#","service":"dribbble"} /--> <!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul> <!-- /wp:social-links --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Visit My Website</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Read My Blog</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Download My Ebook</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Follow My Newsletter</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Listen to My Podcast</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size"><a href="https://wordpress.org/themes/bright-mode/">Made with Bright Mode</a></p> <!-- /wp:paragraph --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Page with image, text, social icons, buttons.
bright-mode/link-page-tertiary-primary-background
Categories: bright-mode-link-page
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0px"}}},"textColor":"background","gradient":"tertiary-primary","className":"is-style-full-height","layout":{"inherit":true}} --> <div class="wp-block-group alignfull is-style-full-height has-background-color has-tertiary-primary-gradient-background has-text-color has-background has-link-color" style="margin-top:0px"><!-- wp:group {"layout":{"wideSize":"600px"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","id":266,"width":120,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Sample Avatar" class="wp-image-266" width="120" height="120"/></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> <h2 class="has-text-align-center has-x-large-font-size" id="your-name-1">Your Name</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Company Name<br><a href="mailto:name@exmaple.com">name@example.com</a></p> <!-- /wp:paragraph --> <!-- wp:social-links {"iconColor":"base","iconColorValue":"#fff","iconBackgroundColor":"main","iconBackgroundColorValue":"#000","size":"has-normal-icon-size","align":"center","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} --> <ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> <!-- wp:social-link {"url":"#","service":"instagram"} /--> <!-- wp:social-link {"url":"#","service":"twitter"} /--> <!-- wp:social-link {"url":"#","service":"dribbble"} /--> <!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul> <!-- /wp:social-links --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Visit My Website</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Read My Blog</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Download My Ebook</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Follow My Newsletter</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"base","width":100,"className":"is-style-fill-background is-style-shadow-main"} --> <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill-background is-style-shadow-main"><a class="wp-block-button__link has-base-background-color has-background">Listen to My Podcast</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size"><a href="https://wordpress.org/themes/bright-mode/">Made with Bright Mode</a></p> <!-- /wp:paragraph --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->
Query of posts in grid view.
bright-mode/query-grid
Categories: bright-mode-query
<!-- wp:group {"align":"wide","layout":{"inherit":true}} --> <div class="wp-block-group alignwide"> <!-- wp:query {"queryId":1,"query":{"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide"} --> <div class="wp-block-query alignwide"> <!-- wp:query-title {"type":"archive"} /--> <!-- wp:term-description /--> <!-- wp:post-template --> <!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"30px"}}}} /--> <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"10px"}},"typography":{"lineHeight":1.25}},"fontSize":"large"} /--> <!-- wp:group {"style":{"spacing":{"blockGap":"5px","margin":{"top":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"},"fontSize":"small"} --> <div class="wp-block-group has-small-font-size" style="margin-top:0px"> <!-- wp:post-date /--> <!-- wp:paragraph --> <p>by</p> <!-- /wp:paragraph --> <!-- wp:post-author {"showAvatar":false} /--></div> <!-- /wp:group --> <!-- wp:spacer {"height":20} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:post-excerpt {"moreText":"Read More →"} /--> <!-- wp:spacer {"height":30} --> <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- /wp:post-template --> <!-- wp:query-pagination --> <!-- wp:query-pagination-previous /--> <!-- wp:query-pagination-numbers /--> <!-- wp:query-pagination-next /--> <!-- /wp:query-pagination --> </div> <!-- /wp:query --> </div> <!-- /wp:group -->
Query of posts in list view.
bright-mode/query-list
Categories: bright-mode-query
<!-- wp:group {"align":"full","layout":{"inherit":false,"wideSize":"960px"}} --> <div class="wp-block-group alignfull"> <!-- wp:query {"queryId":1,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":"6"},"displayLayout":{"type":"list"}} --> <div class="wp-block-query alignwide"> <!-- wp:post-template --> <!-- wp:separator {"opacity":"css","className":"is-style-wide"} --> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <!-- /wp:separator --> <!-- wp:spacer {"height":"30px"} --> <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns {"verticalAlignment":"center"} --> <div class="wp-block-columns are-vertically-aligned-center"> <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> <!-- wp:post-featured-image {"isLink":true} /--> </div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"60%","style":{"spacing":{"blockGap":"10px"}}} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"> <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"10px"}},"typography":{"lineHeight":1.25}},"fontSize":"large"} /--> <!-- wp:group {"style":{"spacing":{"blockGap":"5px","margin":{"top":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"},"fontSize":"small"} --> <div class="wp-block-group has-small-font-size" style="margin-top:0px"> <!-- wp:post-date /--> <!-- wp:paragraph --> <p>by</p> <!-- /wp:paragraph --> <!-- wp:post-author {"showAvatar":false} /--> </div> <!-- /wp:group --> <!-- wp:spacer {"height":"10px"} --> <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:post-excerpt {"moreText":"Read More →"} /--> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> <!-- /wp:post-template --> <!-- wp:query-pagination --> <!-- wp:query-pagination-previous /--> <!-- wp:query-pagination-numbers /--> <!-- wp:query-pagination-next /--> <!-- /wp:query-pagination --> </div> <!-- /wp:query --> </div> <!-- /wp:group -->
Query of posts in stack view.
bright-mode/query-stack
Categories: bright-mode-query
<!-- wp:query {"queryId":0,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"list"},"layout":{"inherit":true}} --> <div class="wp-block-query"> <!-- wp:query-title {"type":"archive"} /--> <!-- wp:term-description /--> <!-- wp:post-template --> <!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"bottom":"30px","top":"0px"}}}} /--> <!-- wp:post-title {"isLink":true,"fontSize":"large"} /--> <!-- wp:group {"style":{"spacing":{"blockGap":"5px","margin":{"top":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"},"fontSize":"small"} --> <div class="wp-block-group has-small-font-size" style="margin-top:0px"> <!-- wp:post-date /--> <!-- wp:paragraph --> <p>by</p> <!-- /wp:paragraph --> <!-- wp:post-author {"showAvatar":false} /--> </div> <!-- /wp:group --> <!-- wp:spacer {"height":"10px"} --> <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:post-excerpt {"moreText":"Read More →"} /--> <!-- wp:spacer {"height":"30px"} --> <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- /wp:post-template --> <!-- wp:query-pagination --> <!-- wp:query-pagination-previous /--> <!-- wp:query-pagination-numbers /--> <!-- wp:query-pagination-next /--> <!-- /wp:query-pagination --> </div> <!-- /wp:query -->
Section with heading, text, columns, image.
bright-mode/testimonials-base-background
Categories: bright-mode-testimonials
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"},"margin":{"top":"0px"}}},"layout":{"inherit":true}} --> <div class="wp-block-group alignfull" style="margin-top:0px;padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"10px"}}},"fontSize":"max-36"} --> <h2 class="has-text-align-center has-max-36-font-size" style="margin-bottom:10px">Testimonials</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Here are some kind words from our clients.</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"color":{"background":"#eeeeee"},"typography":{"fontSize":"18px"}}} --> <div class="wp-block-group has-background" style="background-color:#eeeeee;border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"color":{"background":"#eeeeee"},"typography":{"fontSize":"18px"}}} --> <div class="wp-block-group has-background" style="background-color:#eeeeee;border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"color":{"background":"#eeeeee"},"typography":{"fontSize":"18px"}}} --> <div class="wp-block-group has-background" style="background-color:#eeeeee;border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->
Section with heading, text, columns, image.
bright-mode/testimonials-main-background
Categories: bright-mode-testimonials
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"},"margin":{"top":"0px"}}},"backgroundColor":"main","textColor":"base","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-base-color has-main-background-color has-text-color has-background" style="margin-top:0px;padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center","fontSize":"max-36"} --> <h2 class="has-text-align-center has-max-36-font-size">Testimonials</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Here are some kind words from our clients.</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->
Section with heading, text, columns, image.
bright-mode/testimonials-primary-secondary-background
Categories: bright-mode-testimonials
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"},"margin":{"top":"0px"}}},"gradient":"primary-secondary","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-primary-secondary-gradient-background has-background" style="margin-top:0px;padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center","fontSize":"max-36"} --> <h2 class="has-text-align-center has-max-36-font-size">Testimonials</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Here are some kind words from our clients.</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->
Section with heading, text, columns, image.
bright-mode/testimonials-primary-secondary-tertiary-background
Categories: bright-mode-testimonials
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"},"margin":{"top":"0px"}}},"gradient":"primary-secondary-tertiary","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-primary-secondary-tertiary-gradient-background has-background" style="margin-top:0px;padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center","fontSize":"max-36"} --> <h2 class="has-text-align-center has-max-36-font-size">Testimonials</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Here are some kind words from our clients.</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->
Section with heading, text, columns, image.
bright-mode/testimonials-secondary-tertiary-background
Categories: bright-mode-testimonials
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"},"margin":{"top":"0px"}}},"gradient":"secondary-tertiary","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-secondary-tertiary-gradient-background has-background" style="margin-top:0px;padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center","fontSize":"max-36"} --> <h2 class="has-text-align-center has-max-36-font-size">Testimonials</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Here are some kind words from our clients.</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->
Section with heading, text, columns, image.
bright-mode/testimonials-tertiary-primary-background
Categories: bright-mode-testimonials
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"},"margin":{"top":"0px"}}},"gradient":"tertiary-primary","layout":{"inherit":true}} --> <div class="wp-block-group alignfull has-tertiary-primary-gradient-background has-background" style="margin-top:0px;padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center","fontSize":"max-36"} --> <h2 class="has-text-align-center has-max-36-font-size">Testimonials</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">Here are some kind words from our clients.</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"border":{"radius":"10px"},"typography":{"fontSize":"18px"}},"backgroundColor":"base","textColor":"main"} --> <div class="wp-block-group has-main-color has-base-background-color has-text-color has-background" style="border-radius:10px;font-size:18px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"fontSize":"max-72"} --> <p class="has-max-72-font-size" style="line-height:0.5">“</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bright Mode is a block theme for those who love modern design and vibrant colors. Coming soon are fresh patterns, new templates, and even variations.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":4544,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50px"}},"className":"is-style-rounded"} --> <figure class="wp-block-image size-full is-resized is-style-rounded" style="border-radius:50px"><img src="https://blocks.wp-a2z.org/wp-content/themes/bright-mode/assets/images/avatar.jpg" alt="Testimonial Avatar" class="wp-image-4544" width="80" height="80"/></figure> <!-- /wp:image --> <!-- wp:list {"style":{"typography":{"lineHeight":"1.5"}},"className":"is-style-no-disc"} --> <ul class="is-style-no-disc" style="line-height:1.5"><li><strong>Brian Gardner</strong></li><li>Founder, Minimologie</li></ul> <!-- /wp:list --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->