Skip to content
Gutenberg Hub
  • Getting Started
    • User
    • Developer
  • Resources
    • User Guides
    • Plugins & Themes
      • Plugins/Addons
      • Themes
    • Developer Guides
    • Tips & Tricks
    • Code Snippets
    • Talks & Opinions
  • Blocks
  • Templates
    • Section Patterns
    • Full Page Templates
Gutenberg Hub
Menu

Hero 6

Hero 6 is a Free Gutenberg Hero, Section Patterns Template by GutenbergHub. It is fully customizable, responsive, and easy to use. The best part is you can copy & paste it to your website. Our Gutenberg Templates library has a huge collection of WordPress block patterns. Find out more Hero, Section Patterns Templates.

HeroSection Patterns
Facebook Twitter Pinterest LinkedIn
Previous Template Hero 5
Next Template Hero 7

<!-- wp:group {"align":"full","className":"eplus-MUPPEx ","epGeneratedClass":"eplus-MUPPEx","editorPlusCustomCSS":".eplus-MUPPEx .wp-block-button{\r\n font-size:14px !important;\r\n}\r\n\r\n.eplus-MUPPEx .columns-2{\r\n\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n position: relative;\r\n z-index:1;\r\n}\r\n.eplus-MUPPEx .columns-1{\r\n margin: 0 auto;\r\n}"} --> <div class="wp-block-group alignfull eplus-MUPPEx"><div class="wp-block-group__inner-container"><!-- wp:cover {"customOverlayColor":"#0073aa","align":"full","className":" eplus-7i2P0f","epGeneratedClass":"eplus-7i2P0f"} --> <div class="wp-block-cover alignfull has-background-dim eplus-7i2P0f" style="background-color:#0073aa"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":70,"className":"eplus-61xH3M","epGeneratedClass":"eplus-61xH3M"} --> <div style="height:70px" aria-hidden="true" class="wp-block-spacer eplus-61xH3M"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":"columns-1 eplus-w5d3ic","epGeneratedClass":"eplus-w5d3ic","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":928,"important":true,"unit":"px"}}} --> <div class="wp-block-columns columns-1 eplus-w5d3ic"><!-- wp:column {"className":"eplus-ncHQbW","epGeneratedClass":"eplus-ncHQbW"} --> <div class="wp-block-column eplus-ncHQbW"><!-- wp:paragraph {"fontSize":"medium","className":"eplus-eoV9T7","epGeneratedClass":"eplus-eoV9T7"} --> <p class="has-medium-font-size eplus-eoV9T7">Tation ullamco laboris aliruis commodo conseruat irure dolor renrehen derit volustate velit esse.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":1,"className":"eplus-EMdBDG","epGeneratedClass":"eplus-EMdBDG"} --> <h1 class="eplus-EMdBDG">Lorem insum dolor amet consecro!</h1> <!-- /wp:heading --> <!-- wp:buttons {"className":"eplus-P8QFuU","epGeneratedClass":"eplus-P8QFuU"} --> <div class="wp-block-buttons eplus-P8QFuU"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"is-style-outline eplus-whBvH2","epGeneratedClass":"eplus-whBvH2"} --> <div class="wp-block-button is-style-outline eplus-whBvH2"><a class="wp-block-button__link has-text-color no-border-radius" style="color:#ffffff">LEARN MORE</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-Gq047k","epGeneratedClass":"eplus-Gq047k"} --> <div class="wp-block-column eplus-Gq047k"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"height":160,"className":"eplus-QqsBCg","epGeneratedClass":"eplus-QqsBCg"} --> <div style="height:160px" aria-hidden="true" class="wp-block-spacer eplus-QqsBCg"></div> <!-- /wp:spacer --></div></div> <!-- /wp:cover --> <!-- wp:columns {"className":"columns-2 eplus-TJlXAT","epCustomMargin":{"value":{"top":"-100","right":"","bottom":"","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-TJlXAT","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":928,"important":true,"unit":"px"}}} --> <div class="wp-block-columns columns-2 eplus-TJlXAT"><!-- wp:column {"className":" eplus-e4lpZ2","epGeneratedClass":"eplus-e4lpZ2"} --> <div class="wp-block-column eplus-e4lpZ2"><!-- wp:paragraph {"align":"center","customTextColor":"#ffffff","customFontSize":25,"className":"eplus-MqyXqW","epCustomPadding":{"value":{"top":"80","right":"80","bottom":"80","left":"80"},"unit":"px","important":false},"epGeneratedClass":"eplus-MqyXqW","epCustomBackground":{"solid":"rgba(6, 147, 227, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <p style="color:#ffffff;font-size:25px" class="has-text-color has-text-align-center eplus-MqyXqW">Asner natur furit masni dolores <strong>ratione nesciunt</strong></p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":" eplus-mKXTM1","epGeneratedClass":"eplus-mKXTM1"} --> <div class="wp-block-column eplus-mKXTM1"><!-- wp:paragraph {"align":"center","customTextColor":"#ffffff","customFontSize":25,"className":"eplus-YhJWUh","epCustomPadding":{"value":{"top":"80","right":"80","bottom":"80","left":"80"},"unit":"px","important":false},"epGeneratedClass":"eplus-YhJWUh","epCustomBackground":{"solid":"rgba(6, 147, 227, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <p style="color:#ffffff;font-size:25px" class="has-text-color has-text-align-center eplus-YhJWUh">Asner natur furit masni dolores <strong>ratione nesciunt</strong></p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"height":70,"className":"eplus-vZ6wTa","epGeneratedClass":"eplus-vZ6wTa"} --> <div style="height:70px" aria-hidden="true" class="wp-block-spacer eplus-vZ6wTa"></div> <!-- /wp:spacer --></div></div> <!-- /wp:group -->

Browse Template By Type

  • πŸŒ“ Section Patterns
  • πŸŒ• Full Page Templates

Browse Section Patterns

  • πŸ‘‰ All Section Patterns
  • πŸ¦Έβ€β™‚οΈ Hero
  • 🎒 Slider
  • πŸ“ Testimonial
  • πŸ‘¨β€πŸ‘§β€πŸ‘§ Team
  • πŸŽ‰ Feature
  • πŸ’° Pricing
  • πŸƒ Card
  • πŸ“Š Stats
  • πŸ“„ Content
  • 🏞 Gallery
  • ❓ FAQ
  • πŸ’  Logos
  • ⌚ Business Hours

Required Plugin(s)

EditorPlus

How to Copy a Template

Thumbnail

Facebook Facebook Group Twitter YouTube
  • Getting Started
  • Resources
  • Blocks
  • Templates

Copyright Β© 2021 Gutenberg Hub

  • Getting Started
    • User
    • Developer
  • Resources
    • User Guides
    • Plugins & Themes
      • Plugins/Addons
      • Themes
    • Developer Guides
    • Tips & Tricks
    • Code Snippets
    • Talks & Opinions
  • Blocks
  • Templates
    • Section Patterns
    • Full Page Templates