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 15

Hero 15 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 Testimonial 21
Next Template Feature 20

<!-- wp:cover {"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/g8u5cg6zkwu-scaled.jpg","dimRatio":65,"minHeight":800,"align":"full","className":"eplus-yeY8Th","epCustomPadding":{"value":{"top":"80","right":"","bottom":"80","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-yeY8Th"} --> <div class="wp-block-cover alignfull has-background-dim-70 has-background-dim eplus-yeY8Th" style="background-image:url(https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/08/g8u5cg6zkwu-scaled.jpg);min-height:800px"><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":1,"className":"eplus-waiPa3 stroke-headline","epCustomMargin":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":false},"epGeneratedClass":"eplus-waiPa3","epCustomTypographyResponsiveEnabled":true,"epCustomTypographyMobileModified":true,"epCustomTypography":{"lineHeight":{"value":1,"important":false,"unit":"em"},"fontSize":{"value":100,"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":42,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"editorPlusCustomCSS":".stroke-headline{\n color: transparent !Important; \n -webkit-text-stroke-width: 1px; \n-webkit-text-stroke-color: #6a6363; \n}"} --> <h1 class="has-text-align-center eplus-waiPa3 stroke-headline"><strong>Keep Your Body </strong></h1> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":1,"className":"eplus-gDsZrp","epCustomMargin":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":false},"epGeneratedClass":"eplus-gDsZrp","epCustomTypographyResponsiveEnabled":true,"epCustomTypographyMobileModified":true,"epCustomTypography":{"lineHeight":{"value":1,"important":false,"unit":"em"},"fontSize":{"value":100,"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":42,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":null,"textStyle":[],"textColor":{"color":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}}} --> <h1 class="has-text-align-center eplus-gDsZrp"><strong>Fit And Strong</strong></h1> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-efIcD6","epCustomMargin":{"value":{"top":"50","right":"auto","bottom":"0","left":"auto"},"unit":"px","important":false},"epGeneratedClass":"eplus-efIcD6","epCustomSizingResponsiveEnabled":true,"epCustomSizingMobileModified":true,"epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":50,"important":false,"unit":"%"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":100,"important":false,"unit":"%"}}} --> <p class="has-text-align-center eplus-efIcD6">Phasellus viverra nulla ut metus varius laoreet. In auctor lobortis lacus. Etiam rhoncus. Morbi ac felis. Phasellus magna. In consectetuer turpis ut velit.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"align":"center","className":"eplus-l71idJ","epCustomMargin":{"value":{"top":"50","right":"","bottom":"","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-l71idJ"} --> <div class="wp-block-buttons aligncenter eplus-l71idJ"><!-- wp:button {"borderRadius":0,"textColor":"white","className":"eplus-yHNCem is-style-fill btn","epCustomPadding":{"value":{"top":"12","right":"50","bottom":"12","left":"50"},"unit":"px","important":false},"epGeneratedClass":"eplus-yHNCem","epCustomBackground":{"solid":"rgba(135, 63, 73, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"hidden","important":false}},"editorPlusCustomCSS":".btn a{\n background-color: transparent !important;\n}\n.btn a:before{\n position: absolute;\n content: \u0022\u0022;\n top: -12px;\n right: 60px;\n width: 35px;\n height: 90px;\n opacity: 0;\n z-index: -1;\n transition: all 0.3s linear 0s;\n visibility: hidden;\n background-color: #fff;\n -webkit-transform: rotate(25deg);\n -ms-transform: rotate(25deg);\n transform: rotate(25deg);\n}\n.btn a:hover:before{\n visibility: visible;\n opacity: 0.2;\n z-index: 1;\n}\n.btn a:after{\n position: absolute;\n content: \u0022\u0022;\n top: -12px;\n right: 40px;\n width: 10px;\n height: 90px;\n opacity: 0;\n z-index: -1;\n transition: all 0.1s linear 0s;\n visibility: hidden;\n background-color: #fff;\n -webkit-transform: rotate(25deg);\n -ms-transform: rotate(25deg);\n transform: rotate(25deg);\n}\n.btn a:hover:after{\n visibility: visible;\n opacity: 0.2;\n z-index: 1;\n}"} --> <div class="wp-block-button eplus-yHNCem is-style-fill btn"><a class="wp-block-button__link has-white-color has-text-color no-border-radius" href="#move-to-team"><strong>SEE OUR TEAM <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> </strong></a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></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

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