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 10

Hero 10 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 9
Next Template Hero 11

<!-- wp:group {"align":"full","className":"eplus-04bXxw","epCustomPadding":{"value":{"top":"","right":"","bottom":"5","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-04bXxw","editorPlusCustomCSS":".eplus-04bXxw .paragraph-1{\r\n max-width:600px;\r\n margin:0 auto;\r\n}\r\n.eplus-04bXxw .wp-block-cover{\r\n z-index: -1;\r\n\r\n}\r\n.eplus-04bXxw .wp-block-columns{\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n}"} --> <div class="wp-block-group alignfull eplus-04bXxw"><div class="wp-block-group__inner-container"><!-- wp:cover {"overlayColor":"very-light-gray","align":"full","className":" eplus-UX8oiE","epGeneratedClass":"eplus-UX8oiE"} --> <div class="wp-block-cover alignfull has-very-light-gray-background-color has-background-dim eplus-UX8oiE"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","level":1,"textColor":"very-dark-gray","className":" eplus-unUL6C","epGeneratedClass":"eplus-unUL6C"} --> <h1 class="has-very-dark-gray-color has-text-color has-text-align-center eplus-unUL6C"><strong>EXCEUR SINT ACCAECAT</strong></h1> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","textColor":"very-dark-gray","customFontSize":14,"className":"eplus-3bS4R2 paragraph-1","epGeneratedClass":"eplus-3bS4R2","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":40,"important":false,"unit":"%"}}} --> <p style="font-size:14px" class="has-text-color has-text-align-center has-very-dark-gray-color eplus-3bS4R2 paragraph-1">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua enim minim veniam nostrud exerci tation ullamco laboris.</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":20,"className":"eplus-Rk1qH6","epGeneratedClass":"eplus-Rk1qH6"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer eplus-Rk1qH6"></div> <!-- /wp:spacer --></div></div> <!-- /wp:cover --> <!-- wp:columns {"className":"eplus-9WAppk","epCustomMargin":{"value":{"top":"-100","right":"","bottom":"50","left":""},"unit":"px","important":true},"epGeneratedClass":"eplus-9WAppk","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-9WAppk"><!-- wp:column {"className":" eplus-W6opfv","epCustomPadding":{"value":{"top":"84","right":"40","bottom":"84","left":"40"},"unit":"px","important":false},"epGeneratedClass":"eplus-W6opfv","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":"","important":false,"unit":"%"}},"epCustomBackground":{"solid":"rgba(0, 115, 170, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{}}}} --> <div class="wp-block-column eplus-W6opfv"><!-- wp:heading {"align":"center","textColor":"very-light-gray","className":"eplus-wP9JVN","epGeneratedClass":"eplus-wP9JVN"} --> <h2 class="has-very-light-gray-color has-text-color has-text-align-center eplus-wP9JVN"><strong>Explore</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":" eplus-uMrtX7","epGeneratedClass":"eplus-uMrtX7"} --> <div class="wp-block-buttons aligncenter eplus-uMrtX7"><!-- wp:button {"borderRadius":0,"className":" eplus-5gaK2g","epGeneratedClass":"eplus-5gaK2g","epCustomBackground":{"solid":"rgba(0, 115, 170, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-button eplus-5gaK2g"><a class="wp-block-button__link no-border-radius">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"className":" eplus-YyGNnq","epCustomPadding":{"value":{"top":"84","right":"40","bottom":"84","left":"40"},"unit":"px","important":false},"epCustomMargin":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":true},"epGeneratedClass":"eplus-YyGNnq","epCustomBackground":{"solid":"rgba(6, 131, 184, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{}}}} --> <div class="wp-block-column eplus-YyGNnq"><!-- wp:heading {"align":"center","textColor":"very-light-gray","className":"eplus-Bid9JB","epGeneratedClass":"eplus-Bid9JB"} --> <h2 class="has-very-light-gray-color has-text-color has-text-align-center eplus-Bid9JB"><strong>Create</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":" eplus-hSijRV","epGeneratedClass":"eplus-hSijRV"} --> <div class="wp-block-buttons aligncenter eplus-hSijRV"><!-- wp:button {"borderRadius":0,"className":" eplus-JmCOCY","epGeneratedClass":"eplus-JmCOCY","epCustomBackground":{"solid":"rgba(6, 131, 184, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-button eplus-JmCOCY"><a class="wp-block-button__link no-border-radius">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-jT2xTO","epCustomPadding":{"value":{"top":"84","right":"40","bottom":"84","left":"40"},"unit":"px","important":false},"epCustomMargin":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":true},"epGeneratedClass":"eplus-jT2xTO","epCustomBackground":{"solid":"rgba(8, 136, 209, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{}}}} --> <div class="wp-block-column eplus-jT2xTO"><!-- wp:heading {"align":"center","textColor":"very-light-gray","className":"eplus-qyxy9C","epGeneratedClass":"eplus-qyxy9C"} --> <h2 class="has-very-light-gray-color has-text-color has-text-align-center eplus-qyxy9C"><strong>Think</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":" eplus-tFotiw","epGeneratedClass":"eplus-tFotiw"} --> <div class="wp-block-buttons aligncenter eplus-tFotiw"><!-- wp:button {"borderRadius":0,"className":" eplus-X69GzN","epGeneratedClass":"eplus-X69GzN","epCustomBackground":{"solid":"rgba(8, 136, 209, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-button eplus-X69GzN"><a class="wp-block-button__link no-border-radius">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:buttons {"align":"center","className":"eplus-h6o9qG","epGeneratedClass":"eplus-h6o9qG"} --> <div class="wp-block-buttons aligncenter eplus-h6o9qG"><!-- wp:button {"borderRadius":0,"className":"eplus-z52Ehn","epGeneratedClass":"eplus-z52Ehn","epCustomBackground":{"solid":"rgba(0, 115, 170, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{}}}} --> <div class="wp-block-button eplus-z52Ehn"><a class="wp-block-button__link no-border-radius">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></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

Terms of Service | Privacy Policy

  • 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