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 3

Hero 3 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 2
Next Template Hero 4

<!-- wp:cover {"customOverlayColor":"#0073aa","align":"full","className":"eplus-bmFcWg","epCustomPadding":{"value":{"top":"5","right":"","bottom":"5","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-bmFcWg","editorPlusCustomCSS":".eplus-bmFcWg .paragraph-1 {\r\n margin:0 auto;\r\n}\r\n.eplus-bmFcWg .wp-block-columns{\r\n margin: auto;\r\n}"} --> <div class="wp-block-cover alignfull has-background-dim eplus-bmFcWg" style="background-color:#0073aa"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","className":"eplus-T1nmrM","epGeneratedClass":"eplus-T1nmrM"} --> <h2 class="has-text-align-center eplus-T1nmrM"><strong>Section Title</strong></h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-ju1LbK paragraph-1","epGeneratedClass":"eplus-ju1LbK","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":500,"important":false,"unit":"px"}}} --> <p class="has-text-align-center eplus-ju1LbK 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-wvu77V","epGeneratedClass":"eplus-wvu77V"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer eplus-wvu77V"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":"eplus-qIxcJM","epGeneratedClass":"eplus-qIxcJM","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-qIxcJM"><!-- wp:column {"className":" eplus-ppR0je","epGeneratedClass":"eplus-ppR0je","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#4a9cc3"},"borderRight":{"area":1,"style":"solid","color":"#4a9cc3"},"borderLeft":{"area":1,"style":"solid","color":"#4a9cc3"},"borderBottom":{"area":1,"style":"solid","color":"#4a9cc3"},"borderAll":{"area":1,"style":"solid","color":"#4a9cc3"}}} --> <div class="wp-block-column eplus-ppR0je"><!-- wp:image {"id":201,"sizeSlug":"large","className":"ticss-05b8b8dd eplus-RvoJOF","epGeneratedClass":"eplus-RvoJOF"} --> <figure class="wp-block-image size-large ticss-05b8b8dd eplus-RvoJOF"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/image-sub-1-4.png" alt="" class="wp-image-201"/></figure> <!-- /wp:image --> <!-- wp:heading {"align":"center","level":4,"className":"ticss-63cd30e3 eplus-upsuRZ","epGeneratedClass":"eplus-upsuRZ"} --> <h4 class="has-text-align-center ticss-63cd30e3 eplus-upsuRZ">Exceur Sint</h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"paragraph-2 eplus-F4KtLC","epCustomPadding":{"value":{"top":"0","right":"38","bottom":"0","left":"38"},"unit":"px","important":false},"epGeneratedClass":"eplus-F4KtLC"} --> <p class="has-text-align-center paragraph-2 eplus-F4KtLC">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-oW703b","epGeneratedClass":"eplus-oW703b","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#4a9cc3"},"borderRight":{"area":1,"style":"solid","color":"#4a9cc3"},"borderLeft":{"area":1,"style":"solid","color":"#4a9cc3"},"borderBottom":{"area":1,"style":"solid","color":"#4a9cc3"},"borderAll":{"area":1,"style":"solid","color":"#4a9cc3"}}} --> <div class="wp-block-column eplus-oW703b"><!-- wp:image {"id":202,"sizeSlug":"large","className":"eplus-pDwipC","epGeneratedClass":"eplus-pDwipC"} --> <figure class="wp-block-image size-large eplus-pDwipC"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/image-sub-1-5.png" alt="" class="wp-image-202"/></figure> <!-- /wp:image --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-2h8DMX","epGeneratedClass":"eplus-2h8DMX"} --> <h4 class="has-text-align-center eplus-2h8DMX">Exceur Sint</h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"paragraph-2 eplus-eBrCGu","epCustomPadding":{"value":{"top":"0","right":"38","bottom":"0","left":"38"},"unit":"px","important":false},"epGeneratedClass":"eplus-eBrCGu"} --> <p class="has-text-align-center paragraph-2 eplus-eBrCGu">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":" eplus-zf2vgW","epGeneratedClass":"eplus-zf2vgW","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#4a9cc3"},"borderRight":{"area":1,"style":"solid","color":"#4a9cc3"},"borderLeft":{"area":1,"style":"solid","color":"#4a9cc3"},"borderBottom":{"area":1,"style":"solid","color":"#4a9cc3"},"borderAll":{"area":1,"style":"solid","color":"#4a9cc3"}}} --> <div class="wp-block-column eplus-zf2vgW"><!-- wp:image {"id":203,"sizeSlug":"large","className":"eplus-JNK9iv","epGeneratedClass":"eplus-JNK9iv"} --> <figure class="wp-block-image size-large eplus-JNK9iv"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/image-sub-1-6.png" alt="" class="wp-image-203"/></figure> <!-- /wp:image --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-s4WUl5","epGeneratedClass":"eplus-s4WUl5"} --> <h4 class="has-text-align-center eplus-s4WUl5">Exceur Sint</h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":" eplus-a7PNHS","epCustomPadding":{"value":{"top":"0","right":"38","bottom":"0","left":"38"},"unit":"px","important":false},"epGeneratedClass":"eplus-a7PNHS"} --> <p class="has-text-align-center eplus-a7PNHS">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></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