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 60

Hero 60 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 Creative Designer 1
Next Template Content 71

<!-- wp:group {"align":"full","className":"eplus-COUpbJ","epCustomPadding":{"value":{"top":"80","right":"","bottom":"80","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-COUpbJ","epCustomBackground":{"solid":"rgba(0, 0, 0, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epAnimationGeneratedClass":"edplus_anim-JgmNfs"} --> <div class="wp-block-group alignfull eplus-COUpbJ"><div class="wp-block-group__inner-container"><!-- wp:columns {"className":"eplus-wW6mq4","epStylingOptions":{"epCustomColumnsResponsiveEnabled":true,"epCustomColumnsReverseResponsiveEnabled":true,"epCustomColumnsSpacingResponsiveEnabled":true,"epCustomColumns":{"target":"wp-block-column","responsive":true,"hover":false,"options":[{"custom":true,"control":"ColumnToggle"},{"label":"Responsive Columns","control":"Range","attribute":"epCustomColumns","defaults":{"tablet":"2","mobile":"1"},"css":"flex-basis","customValue":"calc(( 100% - ({{Range:epCustomColumnsSpacing:auto:0px}} * ({{value}} - 1))) / {{value}}) !important","props":{"max":6,"min":1,"supportedUnits":[]},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-column"},[{"relation":"OR","query":[{"field":"viewport","compare":"EQUAL","value":"tablet"},{"field":"viewport","compare":"EQUAL","value":"mobile"}]}]]}}]},"epCustomColumnsReverse":{"target":"","responsive":true,"hover":false,"options":[{"label":"Columns Order","control":"ButtonGroup","attribute":"epCustomColumnsReverse","css":"flex-direction","customValue":"{{value}}","condition":{"relation":"AND","query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-column"},[{"relation":"OR","query":[[{"relation":"AND","query":[{"field":"attributes.epCustomColumns.mobile","controlledBy":"Range","compare":"IN","value":"1"},{"field":"viewport","compare":"EQUAL","value":"mobile"}]}],[{"relation":"AND","query":[{"field":"attributes.epCustomColumns.tablet","controlledBy":"Range","compare":"IN","value":"1"},{"field":"viewport","compare":"EQUAL","value":"tablet"}]}]]}]]},"defaults":{"tablet":"column","mobile":"column"},"props":{"layout":"stacked","options":[{"label":"Default","value":"column"},{"label":"Reverse","value":"column-reverse"}]}}]},"epCustomColumnsSpacing":{"target":"","responsive":true,"hover":false,"options":[{"label":"Columns Gap","control":"Range","attribute":"epCustomColumnsSpacing","defaults":{"desktop":"32px","tablet":"32px","mobile":"32px"},"css":"gap","props":{"max":100,"min":0,"supportedUnits":["px"]},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-column"}]}}]},"savedStyling":"","clientId":"37208bf0-75cb-4398-bfca-defa825c8ed2"},"epCustomColumns":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":2,"important":false,"unit":""},"tabletModified":true,"mobile":{"value":1,"important":false,"unit":""},"mobileModified":true},"epCustomColumnsSpacing":{"desktop":{"value":32,"important":false,"unit":"px"},"tablet":{"value":32,"important":false,"unit":"px"},"tabletModified":true,"mobile":{"value":32,"important":false,"unit":"px"},"mobileModified":true},"epCustomColumnsReverse":{"desktop":"","tablet":"column","tabletModified":true,"mobile":"column","mobileModified":true},"epCustomMargin":{"value":{"top":"","right":"auto","bottom":"","left":"auto"},"unit":"%","important":false},"epGeneratedClass":"eplus-wW6mq4","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epAnimationGeneratedClass":"edplus_anim-YMbLA0"} --> <div class="wp-block-columns eplus-wW6mq4"><!-- wp:column {"verticalAlignment":"center","className":"eplus-GFgD6J edplus_anim-fGFs5l","epCustomPaddingResponsiveEnabled":true,"epCustomPaddingMobileModified":true,"epCustomPadding":{"value":{"top":"20","right":"0","bottom":"20","left":"100"},"unit":"px","important":false},"epCustomPaddingMobile":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-GFgD6J","epCustomAnimation":{"type":"slide","duration":1,"direction":"left","delay":0,"speedCurve":"ease-in","repeat":"once"},"epAnimationGeneratedClass":"edplus_anim-fGFs5l"} --> <div class="wp-block-column is-vertically-aligned-center eplus-GFgD6J edplus_anim-fGFs5l"><!-- wp:heading {"level":1,"className":"eplus-blYpE7","epGeneratedClass":"eplus-blYpE7","epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":65,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":[],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":""},"epAnimationGeneratedClass":"edplus_anim-cmVbK7","editorPlusCustomCSS":""} --> <h1 class="eplus-blYpE7">Hi I’m<br><span><span style="color:#ffab3b" class="has-inline-color">Sharon F. Brown</span></span></h1> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-2pytDY","epGeneratedClass":"eplus-2pytDY","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":18,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":""},"epAnimationGeneratedClass":"edplus_anim-vlVy2k"} --> <p class="eplus-2pytDY">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum.Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. </p> <!-- /wp:paragraph --> <!-- wp:buttons {"className":"eplus-P7Yoex","epGeneratedClass":"eplus-P7Yoex","epAnimationGeneratedClass":"edplus_anim-RzuUhw"} --> <div class="wp-block-buttons eplus-P7Yoex"><!-- wp:button {"className":"eplus-lopJXg 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":"874cd2f3-a056-43f6-8c02-a6759217ba13"},"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},"epCustomPadding":{"value":{"top":"8","right":"30","bottom":"8","left":"30"},"unit":"px","important":false},"epGeneratedClass":"eplus-lopJXg","epCustomBorderHover":{"borderTop":{"area":"2","style":"solid","color":"rgba(233, 30, 49, 1)","important":false},"borderRight":{"area":"2","style":"solid","color":"rgba(233, 30, 49, 1)","important":false},"borderBottom":{"area":"2","style":"solid","color":"rgba(233, 30, 49, 1)","important":false},"borderLeft":{"area":"2","style":"solid","color":"rgba(233, 30, 49, 1)","important":false},"borderAll":{"area":"2","style":"solid","color":"rgba(233, 30, 49, 1)","important":false}},"epCustomBorderHoverEnabled":true,"epCustomBorderHoverModified":true,"epCustomBorder":{"borderTop":{"area":"2","style":"solid","color":"rgba(255, 255, 255, 1)","important":false},"borderRight":{"area":"2","style":"solid","color":"rgba(255, 255, 255, 1)","important":false},"borderBottom":{"area":"2","style":"solid","color":"rgba(255, 255, 255, 1)","important":false},"borderLeft":{"area":"2","style":"solid","color":"rgba(255, 255, 255, 1)","important":false},"borderAll":{"area":"2","style":"solid","color":"rgba(255, 255, 255, 1)","important":false}},"epCustomBackgroundHover":{"solid":"rgba(233, 30, 49, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomBackgroundHoverEnabled":true,"epCustomBackgroundHoverModified":true,"epCustomBackground":{"solid":"rgba(254, 212, 27, 0)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomTypographyHover":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["capitalize"],"textColor":{"color":"rgba(0, 0, 0, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":""},"epCustomTypographyHoverModified":true,"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["capitalize"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":true},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":""},"epAnimationGeneratedClass":"edplus_anim-yH904i"} --> <div class="wp-block-button eplus-lopJXg is-style-outline"><a class="wp-block-button__link">my work</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-aG5ihB edplus_anim-itVdp8","epGeneratedClass":"eplus-aG5ihB","epCustomAnimation":{"type":"slide","duration":1,"direction":"right","delay":0,"speedCurve":"ease-in","repeat":"once"},"epAnimationGeneratedClass":"edplus_anim-itVdp8"} --> <div class="wp-block-column eplus-aG5ihB edplus_anim-itVdp8"><!-- wp:image {"id":30701,"sizeSlug":"large","linkDestination":"none","className":"eplus-b54puR","epGeneratedClass":"eplus-b54puR","epAnimationGeneratedClass":"edplus_anim-fqTdOt"} --> <figure class="wp-block-image size-large eplus-b54puR"><img src="https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/pexels-sound-on-3756750-683x1024.jpg" alt="" class="wp-image-30701"/></figure> <!-- /wp:image --></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)

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

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