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 12

Hero 12 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 Real Estate 1
Next Template Feature 16

<!-- wp:cover {"customOverlayColor":"#211522","align":"full","className":"eplus-kUQ1Av","epCustomPadding":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-kUQ1Av","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":"","important":false,"unit":"%"}},"editorPlusCustomCSS":"\r\n\r\n.eplus-kUQ1Av .wp-block-cover__inner-container{\r\n width: 100%;\r\n}"} --> <div class="wp-block-cover alignfull has-background-dim eplus-kUQ1Av" style="background-color:#211522"><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"eplus-Evkmoa","epGeneratedClass":"eplus-Evkmoa","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":"","important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-Evkmoa"><!-- wp:column {"verticalAlignment":"center","className":"eplus-jQXwCx","epGeneratedClass":"eplus-jQXwCx"} --> <div class="wp-block-column is-vertically-aligned-center eplus-jQXwCx"><!-- wp:group {"className":"eplus-p8JKlX","epCustomPaddingResponsiveEnabled":true,"epCustomPaddingMobileModified":true,"epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"px","important":false},"epCustomPaddingMobile":{"value":{"top":"20","right":"20","bottom":"20","left":"20"},"unit":"px","important":false},"epCustomMarginHover":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"epCustomMarginHoverModified":true,"epCustomMarginResponsiveEnabled":true,"epCustomMarginMobileModified":true,"epCustomMargin":{"value":{"top":"-40","right":"","bottom":"","left":"140"},"unit":"px","important":false},"epCustomMarginMobile":{"value":{"top":"0","right":"","bottom":"","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-p8JKlX","epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}}} --> <div class="wp-block-group eplus-p8JKlX"><div class="wp-block-group__inner-container"><!-- wp:heading {"level":1,"className":"eplus-5cQPSP","epGeneratedClass":"eplus-5cQPSP","epCustomSizingResponsiveEnabled":true,"epCustomSizingMobileModified":true,"epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":747,"important":false,"unit":"px"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":100,"important":false,"unit":"%"}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":"","delay":"","speedCurve":"ease","important":true},"zIndex":{"value":1,"important":false},"overflow":{"value":"","important":false}},"epCustomTypographyResponsiveEnabled":true,"epCustomTypographyMobileModified":true,"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":130,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epCustomTypographyMobile":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":60,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"editorPlusCustomCSS":".eplus-5cQPSP{\n line-height: 1.1 !Important;\n}"} --> <h1 class="eplus-5cQPSP"><strong>Morbivari<br>Fuscenulla</strong></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 Aliquam lorem.</p> <!-- /wp:paragraph --> <!-- wp:button {"borderRadius":0,"textColor":"black","className":"eplus-xuueMM","epCustomPadding":{"value":{"top":"10","right":"30","bottom":"10","left":"30"},"unit":"px","important":false},"epCustomMarginResponsiveEnabled":true,"epCustomMarginMobileModified":true,"epCustomMarginMobile":{"value":{"top":"","right":"","bottom":"40","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-xuueMM","epCustomBackgroundHover":{"solid":"rgba(228, 228, 228, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomBackgroundHoverEnabled":true,"epCustomBackgroundHoverModified":true,"epCustomBackground":{"solid":"rgba(211, 177, 194, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":500,"delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}},"editorPlusCustomCSS":".eplus-xuueMM a{\n font-size: 16px !Important;\n}"} --> <div class="wp-block-button eplus-xuueMM"><a class="wp-block-button__link has-black-color has-text-color no-border-radius" href="#move-to-about-us"><strong>About Us </strong><span class="eplus-icon"><span data-style="{&quot;enabled&quot;:false,&quot;color&quot;:&quot;&quot;,&quot;iconBackground&quot;:false,&quot;activeIcon&quot;:&quot;&quot;,&quot;iconBackgroundColor&quot;:&quot;&quot;,&quot;iconBorder&quot;:false,&quot;iconBorderColor&quot;:&quot;&quot;,&quot;iconBorderRadius&quot;:0}" style="border-radius:0px;" class="eplus-icon eplusicon-arrow-down1"></span></span> </a></div> <!-- /wp:button --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-M2RTEB","epCustomMargin":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":true},"epGeneratedClass":"eplus-M2RTEB","epCustomSizing":{"height":{"value":800,"important":false,"unit":"px"},"width":{"value":"","important":false,"unit":"%"}},"epCustomBackground":{"solid":"","gradient":"","media":{"backgroundPositionX":"0.48","backgroundPositionY":"0.62","background":{"id":18377,"title":"Photo by Adrien Olichon","filename":"zgrexhl8er0-scaled.jpg","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/zgrexhl8er0-scaled.jpg","link":"https://demo.gutenberghub.com/templates/2020/08/24/restaurant-1/photo-by-adrien-olichon/","alt":"","author":"4","description":"","caption":"","name":"photo-by-adrien-olichon","status":"inherit","uploadedTo":18341,"date":"2020-08-24T08:53:31.000Z","modified":"2020-08-24T08:53:31.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://demo.gutenberghub.com/templates/wp-includes/images/media/default.png","dateFormatted":"August 24, 2020","nonces":{"update":"6072a7209d","delete":"6cf8629ec9","edit":"fbf57e6b46"},"editLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=18377\u0026action=edit","meta":false,"authorName":"Farhan","uploadedToLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=18341\u0026action=edit","uploadedToTitle":"Restaurant 1","filesizeInBytes":362104,"filesizeHumanReadable":"354 KB","context":"","originalImageURL":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/zgrexhl8er0.jpg","originalImageName":"zgrexhl8er0.jpg","height":2560,"width":1707,"orientation":"portrait","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/zgrexhl8er0-150x150.jpg","orientation":"landscape"},"medium":{"height":300,"width":200,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/zgrexhl8er0-200x300.jpg","orientation":"portrait"},"large":{"height":960,"width":640,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/zgrexhl8er0-683x1024.jpg","orientation":"portrait"},"full":{"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/zgrexhl8er0-scaled.jpg","height":2560,"width":1707,"orientation":"portrait"}},"compat":{"item":"","meta":""},"acf_errors":false},"backgroundSize":"cover","backgroundRepeat":""}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":"","delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}}} --> <div class="wp-block-column eplus-M2RTEB"></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)

Gutenberg Block Library & Toolkit – Editor Plus

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