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
  • Block Themes Directory
Gutenberg Hub
Menu

Hero 57

Hero 57 is a Free Gutenberg Hero, Section Patterns Template by GutenbergHub. It is fully customizable, responsive, and easy to use. 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 Team 51
Next Template Content 68

<!-- wp:group {"align":"full","className":"eplus-miSBiW","epCustomPadding":{"value":{"top":"200","right":"50","bottom":"200","left":"50"},"unit":"px","important":false},"epGeneratedClass":"eplus-miSBiW","epCustomBackground":{"solid":"rgba(0, 0, 0, 0)","gradient":"","media":{"backgroundPositionX":"0.57","backgroundPositionY":"0.63","background":{"id":23677,"title":"Photo by Peter Broomfield","filename":"m3m-lnr90um-scaled.jpg","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/m3m-lnr90um-scaled.jpg","link":"https://demo.gutenberghub.com/templates/2020/10/14/rent-a-car-1/photo-by-peter-broomfield/","alt":"white car","author":"4","description":"","caption":"","name":"photo-by-peter-broomfield","status":"inherit","uploadedTo":23675,"date":"2020-10-14T11:32:38.000Z","modified":"2020-10-14T11:32:38.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://demo.gutenberghub.com/templates/wp-includes/images/media/default.png","dateFormatted":"October 14, 2020","nonces":{"update":"ddab46c2ce","delete":"83069f3219","edit":"f61ccc274f"},"editLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=23677\u0026action=edit","meta":false,"authorName":"Farhan","uploadedToLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=23675\u0026action=edit","uploadedToTitle":"Rent A Car 1","filesizeInBytes":148364,"filesizeHumanReadable":"145 KB","context":"","originalImageURL":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/m3m-lnr90um.jpg","originalImageName":"m3m-lnr90um.jpg","height":1512,"width":2560,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/m3m-lnr90um-150x150.jpg","orientation":"landscape"},"medium":{"height":177,"width":300,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/m3m-lnr90um-300x177.jpg","orientation":"landscape"},"large":{"height":378,"width":640,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/m3m-lnr90um-1024x605.jpg","orientation":"landscape"},"full":{"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/m3m-lnr90um-scaled.jpg","height":1512,"width":2560,"orientation":"landscape"}},"compat":{"item":"","meta":""},"acf_errors":false},"backgroundSize":"cover","backgroundRepeat":""}},"epAnimationGeneratedClass":"edplus_anim-TZPLXE"} --> <div class="wp-block-group alignfull eplus-miSBiW"><div class="wp-block-group__inner-container"><!-- wp:heading {"level":1,"className":"eplus-vUjvKN","epGeneratedClass":"eplus-vUjvKN","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":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-F3X9VN"} --> <h1 class="eplus-vUjvKN">we have a perfect <br>ride or you</h1> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-spRXwD","epGeneratedClass":"eplus-spRXwD","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":38,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-pNGScV"} --> <p class="eplus-spRXwD">Vestibulum ullamcorper mauris at ligula. Curabitur blandit mollis lacus. Suspendisse pulvinar.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"className":"eplus-OIgzqy","epGeneratedClass":"eplus-OIgzqy","epAnimationGeneratedClass":"edplus_anim-4VMDT5"} --> <div class="wp-block-buttons eplus-OIgzqy"><!-- wp:button {"borderRadius":0,"className":"eplus-OPSEfd 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":"99a460fe-678d-4f4f-add1-251537f22f03"},"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":"0","right":"0","bottom":"2","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-OPSEfd","epCustomBorderHover":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{"area":1,"style":"solid","color":"#ffffff","important":false},"borderAll":{}},"epCustomBorderHoverEnabled":true,"epCustomBorderHoverModified":true,"epCustomBorder":{"borderTop":{"area":"0","style":"solid","color":"rgba(0, 0, 0, 0)"},"borderRight":{"area":"0","style":"solid","color":"rgba(0, 0, 0, 0)"},"borderBottom":{"area":"0","style":"solid","color":"rgba(0, 0, 0, 0)"},"borderLeft":{"area":"0","style":"solid","color":"rgba(0, 0, 0, 0)"},"borderAll":{"area":"0","style":"solid","color":"rgba(0, 0, 0, 0)"}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":600,"delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":14,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":true},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-A4Gy9h","editorPlusCustomCSS":"selector a{ \n background-color: transparent !Important;\n}"} --> <div class="wp-block-button eplus-OPSEfd is-style-outline"><a class="wp-block-button__link no-border-radius">more cars</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
  • Block Themes Directory

 

Copyright © 2022 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
  • Block Themes Directory