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 7

Hero 7 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 6
Next Template Hero 8

<!-- wp:columns {"className":"eplus-269SET","epGeneratedClass":"eplus-269SET","editorPlusCustomCSS":"\r\n.wp-block-cover, .wp-block-cover-image{\r\nheight: auto;\r\n}\r\n"} --> <div class="wp-block-columns eplus-269SET"><!-- wp:column {"className":"eplus-nHFcht","epGeneratedClass":"eplus-nHFcht"} --> <div class="wp-block-column eplus-nHFcht"><!-- wp:cover {"overlayColor":"vivid-cyan-blue","minHeight":620,"className":" eplus-j7XqRa","epGeneratedClass":"eplus-j7XqRa"} --> <div class="wp-block-cover has-vivid-cyan-blue-background-color has-background-dim eplus-j7XqRa" style="min-height:620px"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","className":"eplus-Hahzvb","epGeneratedClass":"eplus-Hahzvb"} --> <h2 class="has-text-align-center eplus-Hahzvb"><strong>Web Design</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":"eplus-aUWx3n","epGeneratedClass":"eplus-aUWx3n"} --> <div class="wp-block-buttons aligncenter eplus-aUWx3n"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"eplus-7k2p1u is-style-outline","epGeneratedClass":"eplus-7k2p1u","epCustomBorder":{"borderTop":{"area":0,"style":"","color":""},"borderRight":{"area":0,"style":"","color":""},"borderLeft":{"area":0,"style":"","color":""},"borderBottom":{"area":0,"style":"","color":""},"borderAll":{"area":0,"style":"","color":""}},"epCustomBackground":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-button eplus-7k2p1u is-style-outline"><a class="wp-block-button__link has-text-color no-border-radius" style="color:#ffffff">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:cover --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-kFxtym","epGeneratedClass":"eplus-kFxtym"} --> <div class="wp-block-column eplus-kFxtym"><!-- wp:cover {"overlayColor":"vivid-cyan-blue","minHeight":300,"className":" eplus-YkAaxG","epGeneratedClass":"eplus-YkAaxG"} --> <div class="wp-block-cover has-vivid-cyan-blue-background-color has-background-dim eplus-YkAaxG" style="min-height:300px"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","className":"eplus-E1MUQq","epGeneratedClass":"eplus-E1MUQq"} --> <h2 class="has-text-align-center eplus-E1MUQq"><strong>Develop</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":"eplus-qXRteP","epGeneratedClass":"eplus-qXRteP"} --> <div class="wp-block-buttons aligncenter eplus-qXRteP"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"eplus-U0mvHW is-style-outline","epGeneratedClass":"eplus-U0mvHW"} --> <div class="wp-block-button eplus-U0mvHW is-style-outline"><a class="wp-block-button__link has-text-color no-border-radius" style="color:#ffffff">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:cover --> <!-- wp:spacer {"height":20,"className":"eplus-8r53QJ","epGeneratedClass":"eplus-8r53QJ"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer eplus-8r53QJ"></div> <!-- /wp:spacer --> <!-- wp:cover {"overlayColor":"vivid-cyan-blue","minHeight":300,"className":" eplus-x1g6zk","epGeneratedClass":"eplus-x1g6zk"} --> <div class="wp-block-cover has-vivid-cyan-blue-background-color has-background-dim eplus-x1g6zk" style="min-height:300px"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","className":"eplus-ZJMtSD","epGeneratedClass":"eplus-ZJMtSD"} --> <h2 class="has-text-align-center eplus-ZJMtSD"><strong>Graphic</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":"eplus-eYHCfQ","epGeneratedClass":"eplus-eYHCfQ"} --> <div class="wp-block-buttons aligncenter eplus-eYHCfQ"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"eplus-SyGjaC is-style-outline","epGeneratedClass":"eplus-SyGjaC"} --> <div class="wp-block-button eplus-SyGjaC is-style-outline"><a class="wp-block-button__link has-text-color no-border-radius" style="color:#ffffff">Learn More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:cover --></div> <!-- /wp:column --></div> <!-- /wp:columns -->

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