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 5

Hero 5 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 4
Next Template Hero 6

<!-- wp:cover {"customOverlayColor":"#0073aa","align":"full","className":"eplus-ICYlQU","epGeneratedClass":"eplus-ICYlQU","editorPlusCustomCSS":".eplus-ICYlQU .wp-block-columns{\r\n margin:0 auto;\r\n}\r\n.eplus-ICYlQU .paragraph-1{\r\n margin:0 auto;\r\n}\r\n"} --> <div class="wp-block-cover alignfull has-background-dim eplus-ICYlQU" style="background-color:#0073aa"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"className":"eplus-54sFaI","epGeneratedClass":"eplus-54sFaI"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-54sFaI"></div> <!-- /wp:spacer --> <!-- wp:heading {"align":"center","className":"eplus-rvtuqk","epGeneratedClass":"eplus-rvtuqk"} --> <h2 class="has-text-align-center eplus-rvtuqk"><strong>Section Title</strong></h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","customFontSize":14,"className":"eplus-JwYK8Q paragraph-1","epGeneratedClass":"eplus-JwYK8Q","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":470,"important":false,"unit":"px"}}} --> <p style="font-size:14px" class="has-text-align-center eplus-JwYK8Q paragraph-1">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat.</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":50,"className":"eplus-9rNKr1","epGeneratedClass":"eplus-9rNKr1"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer eplus-9rNKr1"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":"eplus-ip0b08","epGeneratedClass":"eplus-ip0b08"} --> <div class="wp-block-columns eplus-ip0b08"><!-- wp:column {"width":20,"className":"eplus-15jPSu","epGeneratedClass":"eplus-15jPSu"} --> <div class="wp-block-column eplus-15jPSu" style="flex-basis:20%"></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-zZ1BCe","epGeneratedClass":"eplus-zZ1BCe"} --> <div class="wp-block-column eplus-zZ1BCe"><!-- wp:core-embed/youtube {"url":"https://youtu.be/Ywy5Sz1PRA0","type":"video","providerNameSlug":"youtube","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} --> <figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> https://youtu.be/Ywy5Sz1PRA0 </div></figure> <!-- /wp:core-embed/youtube --></div> <!-- /wp:column --> <!-- wp:column {"width":20,"className":"eplus-PXqh0i","epGeneratedClass":"eplus-PXqh0i"} --> <div class="wp-block-column eplus-PXqh0i" style="flex-basis:20%"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"className":"columns-2 eplus-TeLMPD","epGeneratedClass":"eplus-TeLMPD","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":570,"important":true,"unit":"px"}}} --> <div class="wp-block-columns columns-2 eplus-TeLMPD"><!-- wp:column {"className":"ticss-3c85cc78 eplus-WM74IE","epGeneratedClass":"eplus-WM74IE"} --> <div class="wp-block-column ticss-3c85cc78 eplus-WM74IE"><!-- wp:image {"id":277,"width":96,"height":42,"sizeSlug":"large","className":"eplus-vAeAVs","epGeneratedClass":"eplus-vAeAVs"} --> <figure class="wp-block-image size-large is-resized eplus-vAeAVs"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/logos-7-1-1.png" alt="" class="wp-image-277" width="96" height="42"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-rg7y6x","epGeneratedClass":"eplus-rg7y6x"} --> <div class="wp-block-column eplus-rg7y6x"><!-- wp:image {"id":278,"width":96,"height":42,"sizeSlug":"large","className":"eplus-ebtsnP","epGeneratedClass":"eplus-ebtsnP"} --> <figure class="wp-block-image size-large is-resized eplus-ebtsnP"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/logos-5-1-1.png" alt="" class="wp-image-278" width="96" height="42"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-KJzNFC","epGeneratedClass":"eplus-KJzNFC"} --> <div class="wp-block-column eplus-KJzNFC"><!-- wp:image {"id":279,"width":96,"height":42,"sizeSlug":"large","className":"eplus-S7XpIr","epGeneratedClass":"eplus-S7XpIr"} --> <figure class="wp-block-image size-large is-resized eplus-S7XpIr"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/logos-3-1-1.png" alt="" class="wp-image-279" width="96" height="42"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-34eoBr","epGeneratedClass":"eplus-34eoBr"} --> <div class="wp-block-column eplus-34eoBr"><!-- wp:image {"id":280,"width":96,"height":42,"sizeSlug":"large","className":"eplus-mfMBqT","epGeneratedClass":"eplus-mfMBqT"} --> <figure class="wp-block-image size-large is-resized eplus-mfMBqT"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/logos-4-1-1.png" alt="" class="wp-image-280" width="96" height="42"/></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"className":"eplus-ZwNzRx","epGeneratedClass":"eplus-ZwNzRx"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-ZwNzRx"></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

  • 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