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 38

Hero 38 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 Feature 33
Next Template Content 40

<!-- wp:group {"align":"full","className":"eplus-PiQcRB","epCustomPadding":{"value":{"top":"80","right":"","bottom":"80","left":""},"unit":"px","important":false},"epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-PiQcRB","epCustomBackground":{"solid":"rgba(0, 0, 0, 0.5)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{"id":22482,"title":"Photo by Anastase Maragos","filename":"mqxjuo1jq-a-scaled.jpg","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/mqxjuo1jq-a-scaled.jpg","link":"https://demo.gutenberghub.com/templates/2020/10/01/gym-2/photo-by-anastase-maragos-4/","alt":"man in black zip up jacket and black cap","author":"4","description":"","caption":"","name":"photo-by-anastase-maragos-4","status":"inherit","uploadedTo":22470,"date":"2020-10-01T07:56:05.000Z","modified":"2020-10-01T07:56:05.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://demo.gutenberghub.com/templates/wp-includes/images/media/default.png","dateFormatted":"October 1, 2020","nonces":{"update":"807d68956d","delete":"62ab98be5b","edit":"bc30d6d60f"},"editLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=22482\u0026action=edit","meta":false,"authorName":"Farhan","uploadedToLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=22470\u0026action=edit","uploadedToTitle":"Gym 2","filesizeInBytes":255450,"filesizeHumanReadable":"249 KB","context":"","originalImageURL":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/mqxjuo1jq-a.jpg","originalImageName":"mqxjuo1jq-a.jpg","height":1707,"width":2560,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/mqxjuo1jq-a-150x150.jpg","orientation":"landscape"},"medium":{"height":200,"width":300,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/mqxjuo1jq-a-300x200.jpg","orientation":"landscape"},"large":{"height":427,"width":640,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/mqxjuo1jq-a-1024x683.jpg","orientation":"landscape"},"full":{"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/10/mqxjuo1jq-a-scaled.jpg","height":1707,"width":2560,"orientation":"landscape"}},"compat":{"item":"","meta":""},"acf_errors":false},"backgroundSize":"cover","backgroundRepeat":""}},"epCustomOtherSettings":{"hide":{"property":"flex","important":false},"transition":{"duration":"","delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}},"epAnimationGeneratedClass":"edplus_anim-ZvsaJV","editorPlusCustomCSS":"\n .eplus-PiQcRB { \n min-height: 800px;\n align-items: center;\n justify-content: center;\n } \n .eplus-PiQcRB .wp-block-group__inner-container{\n width: 100%;\n }"} --> <div class="wp-block-group alignfull eplus-PiQcRB"><div class="wp-block-group__inner-container"><!-- wp:group {"className":"eplus-RKCowl","epGeneratedClass":"eplus-RKCowl","epAnimationGeneratedClass":"edplus_anim-eIFx19","editorPlusCustomCSS":"\n .eplus-RKCowl { \n -webkit-animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;\n\t animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;\n }\n @-webkit-keyframes scale-up-center {\n 0% {\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n opacity: 0;\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\[email protected] scale-up-center {\n 0% {\n \n opacity: 0;\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}"} --> <div class="wp-block-group eplus-RKCowl"><div class="wp-block-group__inner-container"><!-- wp:heading {"textAlign":"center","level":5,"className":"eplus-6D7WLg","epCustomPadding":{"value":{"top":"5","right":"5","bottom":"5","left":"5"},"unit":"px","important":false},"epCustomMargin":{"value":{"top":"0","right":"auto","bottom":"0","left":"auto"},"unit":"px","important":false},"epGeneratedClass":"eplus-6D7WLg","epCustomBorder":{"borderTop":{"area":3,"style":"solid","color":"#ffffff","important":false},"borderRight":{"area":3,"style":"solid","color":"#ffffff","important":false},"borderLeft":{"area":3,"style":"solid","color":"#ffffff","important":false},"borderBottom":{"area":3,"style":"solid","color":"#ffffff","important":false},"borderAll":{"area":3,"style":"solid","color":"#ffffff","important":false}},"epCustomSizingResponsiveEnabled":true,"epCustomSizingMobileModified":true,"epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":23,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":83,"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":"700","textStyle":["uppercase"],"textColor":{"color":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-7CCPVp"} --> <h5 class="has-text-align-center eplus-6D7WLg">gutenberghub fitness club</h5> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":1,"className":"eplus-0Lv6j5","epCustomMargin":{"value":{"top":"20","right":"","bottom":"30","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-0Lv6j5","epCustomTypographyResponsiveEnabled":true,"epCustomTypographyMobileModified":true,"epCustomTypography":{"lineHeight":{"value":1.1,"important":false,"unit":"em"},"fontSize":{"value":80,"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":""}},"epCustomTypographyMobile":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":63,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-K3mh31","editorPlusCustomCSS":"\n/* .eplus-0Lv6j5 { */\n/*-webkit-animation: flip-scale-2-hor-top 0.5s linear both;*/\n/*\t animation: flip-scale-2-hor-top 0.5s linear both;*/\n\n/* }*/\n \n\n/*@-webkit-keyframes flip-scale-2-hor-top {*/\n/* 0% {*/\n/* -webkit-transform: translateY(0) rotateX(0) scale(1);*/\n/* transform: translateY(0) rotateX(0) scale(1);*/\n/* -webkit-transform-origin: 50% 0%;*/\n/* transform-origin: 50% 0%;*/\n/* }*/\n/* 50% {*/\n/* -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2);*/\n/* transform: translateY(-50%) rotateX(-90deg) scale(2);*/\n/* -webkit-transform-origin: 50% 50%;*/\n/* transform-origin: 50% 50%;*/\n/* }*/\n/* 100% {*/\n/* -webkit-transform: translateY(0%) rotateX(-360deg) scale(1);*/\n/* transform: translateY(0%) rotateX(-360deg) scale(1);*/\n/* -webkit-transform-origin: 50% 100%;*/\n/* transform-origin: 50% 100%;*/\n/* }*/\n/*}*/\n/*@keyframes flip-scale-2-hor-top {*/\n/* 0% {*/\n/* -webkit-transform: translateY(0) rotateX(0) scale(1);*/\n/* transform: translateY(0) rotateX(0) scale(1);*/\n/* -webkit-transform-origin: 50% 0%;*/\n/* transform-origin: 50% 0%;*/\n/* }*/\n/* 50% {*/\n/* -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2);*/\n/* transform: translateY(-50%) rotateX(-90deg) scale(2);*/\n/* -webkit-transform-origin: 50% 50%;*/\n/* transform-origin: 50% 50%;*/\n/* }*/\n/* 100% {*/\n/* -webkit-transform: translateY(0%) rotateX(-360deg) scale(1);*/\n/* transform: translateY(0%) rotateX(-360deg) scale(1);*/\n/* -webkit-transform-origin: 50% 100%;*/\n/* transform-origin: 50% 100%;*/\n/* }*/\n/*}*/\n"} --> <h1 class="has-text-align-center eplus-0Lv6j5">step-up your fitness<br>challenge with us</h1> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"className":"eplus-8Ba4KI","epGeneratedClass":"eplus-8Ba4KI","epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["capitalize","italic"],"textColor":{"color":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-fWJYPa"} --> <h4 class="has-text-align-center eplus-8Ba4KI">wake up. it’s time to change</h4> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":"eplus-HX9dux","epGeneratedClass":"eplus-HX9dux","epAnimationGeneratedClass":"edplus_anim-ltePld"} --> <div class="wp-block-buttons aligncenter eplus-HX9dux"><!-- wp:button {"borderRadius":0,"className":"eplus-GvhjWm","epGeneratedClass":"eplus-GvhjWm","epCustomBackground":{"solid":"rgba(46, 204, 64, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":600,"delay":100,"speedCurve":"ease","important":true},"zIndex":{"value":1,"important":false},"overflow":{"value":"hidden","important":false}},"epCustomTypographyHover":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"#000000","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epCustomTypographyHoverEnabled":true,"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":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-IB2gqo","editorPlusCustomCSS":"\n .eplus-GvhjWm a{\n position: relative;\n background-color: transparent !Important;\n\n }\n .eplus-GvhjWm a:before{\n content: \u0022\u0022;\n position: absolute;\n border-bottom: 55px solid #ffffff;\n border-right: 30px solid transparent;\n top: 0;\n bottom: 0;\n left: 0;\n right: -50px;\n z-index: -1;\n transition: all 600ms ease;\n transform: translateX(-100%);\t\n }\n .eplus-GvhjWm a:hover:before{\n transform: translateX(-40%);\n }\n .eplus-GvhjWm a:after{\n content: \u0022\u0022;\n position: absolute;\n border-bottom: 55px solid #ffffff;\n top: 0px;\n right: 0px;\n z-index: -1;\n bottom: 0px;\n left: -50px;\n border-left: 30px solid transparent;\n transition: all 600ms ease;\n transform: translateX(100%);\t\n }\n .eplus-GvhjWm a:hover:after{\n transform: translateX(40%);\n }\n \n \n \n \n \n \n \n \n \n \n "} --> <div class="wp-block-button eplus-GvhjWm"><a class="wp-block-button__link no-border-radius">Read more</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:group --></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