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 4

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

<!-- wp:group {"align":"full","className":"eplus-MZELJL ","epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-MZELJL","editorPlusCustomCSS":"\r\n.eplus-MZELJL .columns-2{\r\n max-width:1100px;\r\n margin-right: auto !Important;\r\n margin-left: auto !Important;\r\n z-index: 1;\r\n position: relative;\r\n}"} --> <div class="wp-block-group alignfull eplus-MZELJL"><div class="wp-block-group__inner-container"><!-- wp:cover {"customOverlayColor":"#0073aa","align":"full","className":" eplus-2LkJem","epCustomPadding":{"value":{"top":"5","right":"","bottom":"","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-2LkJem"} --> <div class="wp-block-cover alignfull has-background-dim eplus-2LkJem" style="background-color:#0073aa"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","level":1,"className":" eplus-pXWjsa","epGeneratedClass":"eplus-pXWjsa"} --> <h1 class="has-text-align-center eplus-pXWjsa"><strong>EXCEUR SINT ACCAECAT</strong></h1> <!-- /wp:heading --> <!-- wp:columns {"className":"eplus-s84Qer","epGeneratedClass":"eplus-s84Qer"} --> <div class="wp-block-columns eplus-s84Qer"><!-- wp:column {"className":"eplus-4Pi1B4","epGeneratedClass":"eplus-4Pi1B4"} --> <div class="wp-block-column eplus-4Pi1B4"></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-ZPsIBX","epGeneratedClass":"eplus-ZPsIBX"} --> <div class="wp-block-column eplus-ZPsIBX"><!-- wp:paragraph {"align":"center","customFontSize":15,"className":"eplus-BHAmLE","epGeneratedClass":"eplus-BHAmLE"} --> <p style="font-size:15px" class="has-text-align-center eplus-BHAmLE">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-IaVieW","epGeneratedClass":"eplus-IaVieW"} --> <div class="wp-block-column eplus-IaVieW"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:buttons {"align":"center","className":"eplus-dAHmlu","epGeneratedClass":"eplus-dAHmlu"} --> <div class="wp-block-buttons aligncenter eplus-dAHmlu"><!-- wp:button {"backgroundColor":"white","textColor":"black","borderRadius":0,"className":"eplus-9AWaFu","epGeneratedClass":"eplus-9AWaFu"} --> <div class="wp-block-button eplus-9AWaFu"><a class="wp-block-button__link has-text-color has-black-color has-background has-white-background-color no-border-radius">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":220,"className":"eplus-rJqn6j","epGeneratedClass":"eplus-rJqn6j"} --> <div style="height:220px" aria-hidden="true" class="wp-block-spacer eplus-rJqn6j"></div> <!-- /wp:spacer --></div></div> <!-- /wp:cover --> <!-- wp:columns {"className":"columns-2 eplus-pQ40CV","epCustomPadding":{"value":{"top":"","right":"","bottom":"5","left":""},"unit":"%","important":false},"epCustomMargin":{"value":{"top":"-107","right":"","bottom":"","left":""},"unit":"px","important":true},"epGeneratedClass":"eplus-pQ40CV"} --> <div class="wp-block-columns columns-2 eplus-pQ40CV"><!-- wp:column {"className":" eplus-I8iwt7","epCustomPadding":{"value":{"top":"0","right":"20","bottom":"0","left":"20"},"unit":"px","important":false},"epGeneratedClass":"eplus-I8iwt7"} --> <div class="wp-block-column eplus-I8iwt7"><!-- wp:image {"id":233,"sizeSlug":"large","className":"is-style-circle-mask eplus-XmeuwA","epGeneratedClass":"eplus-XmeuwA"} --> <figure class="wp-block-image size-large is-style-circle-mask eplus-XmeuwA"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/image-sub-1-9.png" alt="" class="wp-image-233"/></figure> <!-- /wp:image --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-PTUeJ9","epGeneratedClass":"eplus-PTUeJ9"} --> <h4 class="has-text-align-center eplus-PTUeJ9"><strong>EXCEUR SINT</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","customFontSize":15,"className":"eplus-ML7lhD","epGeneratedClass":"eplus-ML7lhD"} --> <p style="font-size:15px" class="has-text-align-center eplus-ML7lhD">Duis aute irure dolor in reprehenderit in voluptate velit lorem ipsum esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":" eplus-TNReP6","epCustomPadding":{"value":{"top":"0","right":"20","bottom":"0","left":"20"},"unit":"px","important":false},"epGeneratedClass":"eplus-TNReP6"} --> <div class="wp-block-column eplus-TNReP6"><!-- wp:image {"id":230,"sizeSlug":"large","className":"is-style-circle-mask eplus-GOgheB","epGeneratedClass":"eplus-GOgheB"} --> <figure class="wp-block-image size-large is-style-circle-mask eplus-GOgheB"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/image-sub-1-8.png" alt="" class="wp-image-230"/></figure> <!-- /wp:image --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-IRpjiB","epGeneratedClass":"eplus-IRpjiB"} --> <h4 class="has-text-align-center eplus-IRpjiB"><strong>EXCEUR SINT</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","customFontSize":15,"className":"eplus-AbumvF","epGeneratedClass":"eplus-AbumvF"} --> <p style="font-size:15px" class="has-text-align-center eplus-AbumvF">Duis aute irure dolor in reprehenderit in voluptate velit lorem ipsum esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-OAyAS2","epCustomPadding":{"value":{"top":"0","right":"20","bottom":"0","left":"20"},"unit":"px","important":false},"epGeneratedClass":"eplus-OAyAS2"} --> <div class="wp-block-column eplus-OAyAS2"><!-- wp:image {"id":234,"sizeSlug":"large","className":"is-style-circle-mask eplus-uh4Yva","epGeneratedClass":"eplus-uh4Yva"} --> <figure class="wp-block-image size-large is-style-circle-mask eplus-uh4Yva"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2019/12/image-sub-1-10.png" alt="" class="wp-image-234"/></figure> <!-- /wp:image --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-vpO8dh","epGeneratedClass":"eplus-vpO8dh"} --> <h4 class="has-text-align-center eplus-vpO8dh"><strong>EXCEUR SINT</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","customFontSize":15,"className":"eplus-TyBrV9","epGeneratedClass":"eplus-TyBrV9"} --> <p style="font-size:15px" class="has-text-align-center eplus-TyBrV9">Duis aute irure dolor in reprehenderit in voluptate velit lorem ipsum esse cillum dolore eu fugiat nulla pariatur.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></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