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 11

Hero 11 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 Hero 10
Next Template Card 1

<!-- wp:cover {"customOverlayColor":"#eeeeee","className":"eplus-zM64cT","epGeneratedClass":"eplus-zM64cT","editorPlusCustomCSS":".eplus-zM64cT .wp-block-media-text img{\r\n border-radius:50%;\r\n width:80px !important;\r\n}\r\n\r\n.eplus-zM64cT .wp-block-media-text figure{\r\n margin-top:25px !important;\r\n text-align: center;\r\n}\r\n.eplus-zM64cT .wp-block-media-text {\r\n margin-left: auto !important;\r\n margin-bottom:50px;\r\n\tpadding:23px;\r\n margin-right: auto !important;\r\n max-width: 80% !important;\r\n border-radius:6px\r\n}\r\n\r\n.eplus-zM64cT .media-2{\r\n background-color:#0073aaa6 !important;\r\n}\r\n.eplus-zM64cT .wp-block-cover__inner-container {\r\n width: 100%;\r\n}\r\n.eplus-zM64cT .wp-block-columns{\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n}"} --> <div class="wp-block-cover has-background-dim eplus-zM64cT" style="background-color:#eeeeee"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"className":"eplus-lpmdLB","epGeneratedClass":"eplus-lpmdLB"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-lpmdLB"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":" eplus-EwYXkJ","epGeneratedClass":"eplus-EwYXkJ","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":true,"unit":"%"}}} --> <div class="wp-block-columns eplus-EwYXkJ"><!-- wp:column {"verticalAlignment":"center","className":"eplus-OwEYlj","epGeneratedClass":"eplus-OwEYlj"} --> <div class="wp-block-column is-vertically-aligned-center eplus-OwEYlj"><!-- wp:paragraph {"customTextColor":"#000000","customFontSize":17,"className":"eplus-LKk98F","epGeneratedClass":"eplus-LKk98F"} --> <p style="color:#000000;font-size:17px" class="has-text-color eplus-LKk98F">Praesent vestibulum dapibus nibh</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3,"customTextColor":"#000000","className":"eplus-LUPdNK","epGeneratedClass":"eplus-LUPdNK"} --> <h3 class="has-text-color eplus-LUPdNK" style="color:#000000"><strong>Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Aliquam erat volutpat. Cum sociis natoque.</strong></h3> <!-- /wp:heading --> <!-- wp:buttons {"className":" eplus-1DZAnh","epGeneratedClass":"eplus-1DZAnh"} --> <div class="wp-block-buttons eplus-1DZAnh"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","borderRadius":6,"className":"eplus-rSDXcB","epGeneratedClass":"eplus-rSDXcB"} --> <div class="wp-block-button eplus-rSDXcB"><a class="wp-block-button__link has-background has-vivid-cyan-blue-background-color" style="border-radius:6px">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-8FOuky","epGeneratedClass":"eplus-8FOuky"} --> <div class="wp-block-column eplus-8FOuky"><!-- wp:media-text {"mediaId":1381,"mediaType":"image","mediaWidth":23,"isStackedOnMobile":false,"verticalAlignment":"top","className":"is-stacked-on-mobile has-background eplus-WGNp2i","epGeneratedClass":"eplus-WGNp2i","epCustomBackground":{"solid":"rgba(255, 255, 255, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-media-text alignwide is-vertically-aligned-top is-stacked-on-mobile has-background eplus-WGNp2i" style="grid-template-columns:23% auto"><figure class="wp-block-media-text__media"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/express-1-6-1-19.png" alt="" class="wp-image-1381"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…","customTextColor":"#000000","customFontSize":19,"className":"eplus-beU5Wp","epGeneratedClass":"eplus-beU5Wp"} --> <p style="color:#000000;font-size:19px" class="has-text-color eplus-beU5Wp"><strong>Pellentesque habitant morbi tristique senectus Nulla consequat</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customTextColor":"#000000","customFontSize":17,"className":"eplus-ckBkvL","epGeneratedClass":"eplus-ckBkvL"} --> <p style="color:#000000;font-size:17px" class="has-text-color eplus-ckBkvL">Mauris turpis nunc blandit et Aenean leo</p> <!-- /wp:paragraph --></div></div> <!-- /wp:media-text --> <!-- wp:media-text {"mediaId":1381,"mediaLink":"https://demo.gutenberghub.com/gut-templates/2020/01/09/gallery-2/express-1-6-1-19/","mediaType":"image","mediaWidth":23,"verticalAlignment":"top","className":"media-2 -MkIzUg eplus-nFLUPN","epGeneratedClass":"eplus-nFLUPN"} --> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top media-2 -MkIzUg eplus-nFLUPN" style="grid-template-columns:23% auto"><figure class="wp-block-media-text__media"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/express-1-6-1-19.png" alt="" class="wp-image-1381"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…","customFontSize":19,"className":"eplus-pZwHzL","epGeneratedClass":"eplus-pZwHzL"} --> <p style="font-size:19px" class="eplus-pZwHzL"><strong>Pellentesque habitant morbi tristique senectus Nulla consequat</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customFontSize":17,"className":"eplus-luRlZB","epGeneratedClass":"eplus-luRlZB"} --> <p style="font-size:17px" class="eplus-luRlZB">Mauris turpis nunc blandit et Aenean leo</p> <!-- /wp:paragraph --></div></div> <!-- /wp:media-text --> <!-- wp:media-text {"mediaId":1381,"mediaType":"image","mediaWidth":23,"isStackedOnMobile":false,"verticalAlignment":"top","className":"is-stacked-on-mobile has-background eplus-ru5ty3","epGeneratedClass":"eplus-ru5ty3","epCustomBackground":{"solid":"rgba(255, 255, 255, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-media-text alignwide is-vertically-aligned-top is-stacked-on-mobile has-background eplus-ru5ty3" style="grid-template-columns:23% auto"><figure class="wp-block-media-text__media"><img src="https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/express-1-6-1-19.png" alt="" class="wp-image-1381"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…","customTextColor":"#000000","customFontSize":19,"className":"eplus-FMwknF","epGeneratedClass":"eplus-FMwknF"} --> <p style="color:#000000;font-size:19px" class="has-text-color eplus-FMwknF"><strong>Pellentesque habitant morbi tristique senectus Nulla consequat</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customTextColor":"#000000","customFontSize":17,"className":"eplus-3knp3O","epGeneratedClass":"eplus-3knp3O"} --> <p style="color:#000000;font-size:17px" class="has-text-color eplus-3knp3O">Mauris turpis nunc blandit et Aenean leo</p> <!-- /wp:paragraph --></div></div> <!-- /wp:media-text --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"className":"eplus-GHbY5Q","epGeneratedClass":"eplus-GHbY5Q"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-GHbY5Q"></div> <!-- /wp:spacer --></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)

EditorPlus

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