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 2

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

<!-- wp:cover {"customOverlayColor":"#0073aa","className":"eplus-kUQ1Av","epCustomPadding":{"value":{"top":"5","right":"","bottom":"5","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-kUQ1Av","editorPlusCustomCSS":".eplus-kUQ1Av .wp-block-columns{\r\n margin: auto;\r\n}\r\n"} --> <div class="wp-block-cover has-background-dim eplus-kUQ1Av" style="background-color:#0073aa"><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"eplus-Evkmoa","epGeneratedClass":"eplus-Evkmoa"} --> <div class="wp-block-columns eplus-Evkmoa"><!-- wp:column {"className":"eplus-jQXwCx","epGeneratedClass":"eplus-jQXwCx"} --> <div class="wp-block-column eplus-jQXwCx"><!-- wp:group {"className":"eplus-p8JKlX","epGeneratedClass":"eplus-p8JKlX"} --> <div class="wp-block-group eplus-p8JKlX"><div class="wp-block-group__inner-container"><!-- wp:heading {"level":1,"className":"eplus-5cQPSP","epGeneratedClass":"eplus-5cQPSP"} --> <h1 class="eplus-5cQPSP">Censec tetur adiriscin elit eiusmod temsor.</h1> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-k0pOXs","epGeneratedClass":"eplus-k0pOXs"} --> <p class="eplus-k0pOXs">Sroident sunt culna officia deserunt mollit anim laborum omnis natus voluntatem accus antium dolor emrue totam aseriam earue illo inventore veritatis architecto beatae vitae dicta exslicab</p> <!-- /wp:paragraph --> <!-- wp:button {"backgroundColor":"very-light-gray","textColor":"very-dark-gray","borderRadius":0,"className":"eplus-xuueMM","epGeneratedClass":"eplus-xuueMM"} --> <div class="wp-block-button eplus-xuueMM"><a class="wp-block-button__link has-text-color has-very-dark-gray-color has-background has-very-light-gray-background-color no-border-radius">Learn More</a></div> <!-- /wp:button --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":" eplus-M2RTEB","epGeneratedClass":"eplus-M2RTEB"} --> <div class="wp-block-column eplus-M2RTEB"><!-- wp:core-embed/youtube {"url":"https://youtu.be/Ywy5Sz1PRA0","type":"video","providerNameSlug":"youtube","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio ticss-cc32bebd"} --> <figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio ticss-cc32bebd"><div class="wp-block-embed__wrapper"> https://youtu.be/Ywy5Sz1PRA0 </div></figure> <!-- /wp:core-embed/youtube --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:separator {"className":"eplus-LZIeaZ","epGeneratedClass":"eplus-LZIeaZ","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":100,"important":true,"unit":"%"}},"editorPlusCustomCSS":".eplus-LZIeaZ{\n max-width: 100% !important;\n}"} --> <hr class="wp-block-separator eplus-LZIeaZ"/> <!-- /wp:separator --> <!-- wp:columns {"className":" eplus-XPCkKk ","epGeneratedClass":"eplus-XPCkKk","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":true,"unit":"%"}}} --> <div class="wp-block-columns eplus-XPCkKk"><!-- wp:column {"className":"eplus-tlwEFh","epGeneratedClass":"eplus-tlwEFh"} --> <div class="wp-block-column eplus-tlwEFh"><!-- wp:heading {"level":4,"className":" eplus-GbBKQf","epGeneratedClass":"eplus-GbBKQf"} --> <h4 class=" eplus-GbBKQf">Website Design</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":" eplus-fOnxSB","epGeneratedClass":"eplus-fOnxSB"} --> <p class=" eplus-fOnxSB">Lorem insum dolor amet consec tetur adiriscin elit eiusmod.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-wcrlJf","epGeneratedClass":"eplus-wcrlJf"} --> <div class="wp-block-column eplus-wcrlJf"><!-- wp:heading {"level":4,"className":"eplus-QniRoR","epGeneratedClass":"eplus-QniRoR"} --> <h4 class="eplus-QniRoR">Daily Support</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-zCjsLg","epGeneratedClass":"eplus-zCjsLg"} --> <p class="eplus-zCjsLg">Lorem insum dolor amet consec tetur adiriscin elit eiusmod.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-H6MfAV","epGeneratedClass":"eplus-H6MfAV"} --> <div class="wp-block-column eplus-H6MfAV"><!-- wp:heading {"level":4,"className":"eplus-IbCod7","epGeneratedClass":"eplus-IbCod7"} --> <h4 class="eplus-IbCod7">Domain Names</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-u4deBS","epGeneratedClass":"eplus-u4deBS"} --> <p class="eplus-u4deBS">Lorem insum dolor amet consec tetur adiriscin elit eiusmod.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-s572tF","epGeneratedClass":"eplus-s572tF"} --> <div class="wp-block-column eplus-s572tF"><!-- wp:heading {"level":4,"className":"eplus-oI13tI","epGeneratedClass":"eplus-oI13tI"} --> <h4 class="eplus-oI13tI">Website Design</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-UQpMOF","epGeneratedClass":"eplus-UQpMOF"} --> <p class="eplus-UQpMOF">Lorem insum dolor amet consec tetur adiriscin elit eiusmod.</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

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