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 8

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

<!-- wp:cover {"customOverlayColor":"#0073aa","align":"full","className":"eplus-nP1Rg3 ","epGeneratedClass":"eplus-nP1Rg3"} --> <div class="wp-block-cover alignfull has-background-dim eplus-nP1Rg3" style="background-color:#0073aa"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"className":"eplus-MAats0","epGeneratedClass":"eplus-MAats0"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-MAats0"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":"ticss-4b1335d8 eplus-panO2t","epGeneratedClass":"eplus-panO2t"} --> <div class="wp-block-columns ticss-4b1335d8 eplus-panO2t"><!-- wp:column {"width":10,"className":"eplus-jnrO3r","epGeneratedClass":"eplus-jnrO3r"} --> <div class="wp-block-column eplus-jnrO3r" style="flex-basis:10%"></div> <!-- /wp:column --> <!-- wp:column {"className":"column-2 eplus-Yoe74D","epCustomPadding":{"value":{"top":"38","right":"","bottom":"29","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-Yoe74D","epCustomBorder":{"borderTop":{"area":5,"style":"solid","color":"rgb(238, 238, 238)"},"borderRight":{"area":5,"style":"solid","color":"rgb(238, 238, 238)"},"borderLeft":{"area":5,"style":"solid","color":"rgb(238, 238, 238)"},"borderBottom":{"area":5,"style":"solid","color":"rgb(238, 238, 238)"},"borderAll":{"area":5,"style":"solid","color":"rgb(238, 238, 238)"}}} --> <div class="wp-block-column column-2 eplus-Yoe74D"><!-- wp:heading {"align":"center","level":1,"className":" eplus-w56Kit","epGeneratedClass":"eplus-w56Kit"} --> <h1 class="has-text-align-center eplus-w56Kit"><strong>EXCEUR SINT ACCAECAT</strong></h1> <!-- /wp:heading --></div> <!-- /wp:column --> <!-- wp:column {"width":10,"className":"eplus-m4YjIm","epGeneratedClass":"eplus-m4YjIm"} --> <div class="wp-block-column eplus-m4YjIm" style="flex-basis:10%"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:paragraph {"align":"center","customFontSize":15,"className":"eplus-mfe67I","epGeneratedClass":"eplus-mfe67I"} --> <p style="font-size:15px" class="has-text-align-center eplus-mfe67I">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt!</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":50,"className":"ticss-b4b43a7c eplus-i13Hoi","epGeneratedClass":"eplus-i13Hoi"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer ticss-b4b43a7c eplus-i13Hoi"></div> <!-- /wp:spacer --> <!-- wp:buttons {"align":"center","className":"eplus-2us6rl","epGeneratedClass":"eplus-2us6rl"} --> <div class="wp-block-buttons aligncenter eplus-2us6rl"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"eplus-sfH7Pl is-style-outline","epGeneratedClass":"eplus-sfH7Pl","editorPlusCustomCSS":".eplus-sfH7Pl .wp-block-buttons a{\n color: #fff !Important;\n}"} --> <div class="wp-block-button eplus-sfH7Pl is-style-outline"><a class="wp-block-button__link has-text-color no-border-radius" style="color:#ffffff">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"className":"eplus-RAvPaB","epGeneratedClass":"eplus-RAvPaB"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-RAvPaB"></div> <!-- /wp:spacer --></div></div> <!-- /wp:cover -->

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