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 61

Hero 61 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 Fashion 3
Next Template Content 72

<!-- wp:group {"align":"full","className":"eplus-eJHYh8","epCustomPaddingResponsiveEnabled":true,"epCustomPaddingMobileModified":true,"epCustomPadding":{"value":{"top":"200","right":"","bottom":"200","left":""},"unit":"px","important":false},"epCustomPaddingMobile":{"value":{"top":"80","right":"","bottom":"80","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-eJHYh8","epCustomBackground":{"solid":"rgba(0, 0, 0, 0.49)","gradient":"","media":{"backgroundPositionX":0.5,"backgroundPositionY":0.5,"position":"relative","background":{"uploading":false,"date":1610454794000,"filename":"roland-hechanova-1eedDSknxoY-unsplash-scaled.jpg","menuOrder":0,"uploadedTo":30738,"type":"image","subtype":"jpeg","alt":"","title":"roland-hechanova-1eedDSknxoY-unsplash","caption":"\u003cspan\u003ePhoto by \u003ca href=\u0022https://unsplash.com/@realxroland?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\u0022\u003eRoland Hechanova\u003c/a\u003e on \u003ca href=\u0022https://unsplash.com/?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\u0022\u003eUnsplash\u003c/a\u003e\u003c/span\u003e","description":"","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/roland-hechanova-1eedDSknxoY-unsplash-scaled.jpg","id":30743,"link":"https://demo.gutenberghub.com/templates/2021/01/12/fashion-3/roland-hechanova-1eeddsknxoy-unsplash/","author":"4","name":"roland-hechanova-1eeddsknxoy-unsplash","status":"inherit","modified":1610454794000,"mime":"image/jpeg","icon":"https://demo.gutenberghub.com/templates/wp-includes/images/media/default.png","dateFormatted":"January 12, 2021","nonces":{"update":"c45faa469a","delete":"52705e2e72","edit":"c188fbcde3"},"editLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=30743\u0026action=edit","meta":false,"authorName":"Farhan","authorLink":"https://demo.gutenberghub.com/templates/wp-admin/profile.php","uploadedToTitle":"Fashion 3","uploadedToLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=30738\u0026action=edit","filesizeInBytes":196723,"filesizeHumanReadable":"192 KB","context":"","originalImageURL":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/roland-hechanova-1eedDSknxoY-unsplash.jpg","originalImageName":"roland-hechanova-1eedDSknxoY-unsplash.jpg","height":1617,"width":2560,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/roland-hechanova-1eedDSknxoY-unsplash-150x150.jpg","orientation":"landscape"},"medium":{"height":190,"width":300,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/roland-hechanova-1eedDSknxoY-unsplash-300x190.jpg","orientation":"landscape"},"large":{"height":647,"width":1024,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/roland-hechanova-1eedDSknxoY-unsplash-1024x647.jpg","orientation":"landscape"},"full":{"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/roland-hechanova-1eedDSknxoY-unsplash-scaled.jpg","height":1617,"width":2560,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"backgroundSize":"cover","backgroundRepeat":"","backgroundAttachment":"","backgroundPlacement":"back"}},"epAnimationGeneratedClass":"edplus_anim-tNbCow","editorPlusCustomCSS":"selector { \n\n}\n"} --> <div class="wp-block-group alignfull eplus-eJHYh8"><div class="wp-block-group__inner-container"><!-- wp:heading {"level":4,"className":"eplus-EIn0lr","epGeneratedClass":"eplus-EIn0lr","epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":2,"important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":"center"},"epAnimationGeneratedClass":"edplus_anim-P0pEjj"} --> <h4 class="eplus-EIn0lr">sale up to 30% off</h4> <!-- /wp:heading --> <!-- wp:heading {"level":1,"className":"eplus-Il703s","epGeneratedClass":"eplus-Il703s","epCustomTypographyResponsiveEnabled":true,"epCustomTypographyMobileModified":true,"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":94,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase","italic"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":"center"},"epCustomTypographyMobile":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":50,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase","italic"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":"center"},"epAnimationGeneratedClass":"edplus_anim-oBMa3l"} --> <h1 class="eplus-Il703s">the winter</h1> <!-- /wp:heading --> <!-- wp:heading {"level":4,"className":"eplus-vzlexP","epGeneratedClass":"eplus-vzlexP","epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":2,"important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":"center"},"epAnimationGeneratedClass":"edplus_anim-PC68ay"} --> <h4 class="eplus-vzlexP">only for this week</h4> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":"eplus-PBlQM7","epGeneratedClass":"eplus-PBlQM7","epAnimationGeneratedClass":"edplus_anim-iAnB52"} --> <div class="wp-block-buttons aligncenter eplus-PBlQM7"><!-- wp:button {"className":"eplus-YrY6UI is-style-outline","epStylingOptions":{"buttonsAlignmentResponsiveEnabled":false,"buttonsAlignmentHoverEnabled":false,"buttonIconBeforeResponsiveEnabled":false,"buttonIconBeforeHoverEnabled":false,"buttonIconAfterResponsiveEnabled":false,"buttonIconAfterHoverEnabled":false,"connectorIconResponsiveEnabled":false,"connectorIconHoverEnabled":false,"buttonsAlignment":{"target":".block-editor-block-list__layout","includeDotSuffix":false,"responsive":true,"hover":true,"options":[{"custom":true,"control":"IconClassToggle"},{"label":"Alignment","control":"ButtonGroup","attribute":"epCustomButtonsAlignment","defaults":{"desktop":"right"},"props":{"options":[{"icon":"align-pull-left","value":"left"},{"icon":"align-pull-right","value":"right"}]},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}}]},"buttonIconBefore":{"target":".wp-block-button__link:before","includeDotSuffix":false,"responsive":true,"hover":true,"options":[{"label":"Icon","control":"IconPicker","attribute":"epCustomButtonIconBefore","defaults":{"desktop":"eplusicon-heart1"},"css":"content","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"left"}]}}]},"buttonIconAfter":{"target":".wp-block-button__link:after","includeDotSuffix":false,"responsive":true,"hover":true,"options":[{"label":"Icon","control":"IconPicker","attribute":"epCustomButtonIconAfter","defaults":{"desktop":"eplusicon-heart1"},"css":"content","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"right"}]}}]},"connectorIcon":{"target":".wp-block-button__link:after, {{class}} .wp-block-button__link:before","includeDotSuffix":false,"responsive":true,"hover":true,"hoverTarget":".wp-block-button__link:after, {{class}} .wp-block-button__link:before","options":[{"label":"Background","control":"ColorPicker","attribute":"epCustomIconBackground","css":"background","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Color","control":"ColorPicker","attribute":"epCustomIconColor","css":"color","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Radius","control":"Range","attribute":"epCustomIconRadius","css":"border-radius","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Padding","control":"Range","attribute":"epCustomIconPadding","css":"padding","props":{"supportedUnits":["px"],"max":30},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Icon Space","control":"Range","attribute":"epCustomBeforeIconSpace","css":"margin-right","props":{"supportedUnits":["px"],"max":50},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"left"}]}},{"label":"Icon Space","control":"Range","attribute":"epCustomAfterIconSpace","css":"margin-left","props":{"supportedUnits":["px"],"max":50},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"right"}]}}]},"savedStyling":"","clientId":"d9247d19-5001-421a-a6f6-3067240e9e11"},"epCustomButtonsAlignment":{"desktop":"right","tablet":"","tabletModified":false,"mobile":"","mobileModified":false,"hover":"","hoverModified":false},"epCustomBeforeIconSpace":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epCustomAfterIconSpace":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epCustomButtonIconBefore":{"desktop":{"icon":"eplusicon-heart1"},"tablet":{"icon":""},"tabletModified":false,"mobile":{"icon":""},"mobileModified":false,"hover":{"icon":""},"hoverModified":false},"epCustomButtonIconAfter":{"desktop":{"icon":"eplusicon-heart1"},"tablet":{"icon":""},"tabletModified":false,"mobile":{"icon":""},"mobileModified":false,"hover":{"icon":""},"hoverModified":false},"epCustomIconBackground":{"desktop":{"color":""},"tablet":{"color":""},"tabletModified":false,"mobile":{"color":""},"mobileModified":false,"hover":{"color":""},"hoverModified":false},"epCustomIconColor":{"desktop":{"color":""},"tablet":{"color":""},"tabletModified":false,"mobile":{"color":""},"mobileModified":false,"hover":{"color":""},"hoverModified":false},"epCustomIconRadius":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epCustomIconPadding":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epGeneratedClass":"eplus-YrY6UI","epCustomBorder":{"borderTop":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderRight":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderBottom":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderLeft":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderAll":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false}},"epCustomBackgroundHover":{"solid":"rgba(89, 180, 193, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomBackgroundHoverEnabled":true,"epCustomBackgroundHoverModified":true,"epCustomBackground":{"solid":"rgba(104, 213, 230, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":14,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase","italic"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":true},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":null},"epAnimationGeneratedClass":"edplus_anim-4kCgSU"} --> <div class="wp-block-button eplus-YrY6UI is-style-outline"><a class="wp-block-button__link">shop now</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></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)

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