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

Card 5

Card 5 is a Free Gutenberg Card, 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 Card, Section Patterns Templates.

CardSection Patterns
Facebook Twitter Pinterest LinkedIn
Previous Template Card 4
Next Template Card 6

<!-- wp:group {"className":" eplus-yQvdUL","epGeneratedClass":"eplus-yQvdUL","editorPlusCustomCSS":".eplus-yQvdUL .wp-block-columns{\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n}"} --> <div class="wp-block-group eplus-yQvdUL"><div class="wp-block-group__inner-container"><!-- wp:columns {"className":"eplus-532Oxi","epCustomMargin":{"value":{"top":"50","right":"","bottom":"25","left":""},"unit":"px","important":true},"epGeneratedClass":"eplus-532Oxi","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-532Oxi"><!-- wp:column {"width":37.5,"className":"eplus-RX4h4e","epGeneratedClass":"eplus-RX4h4e"} --> <div class="wp-block-column eplus-RX4h4e" style="flex-basis:37.5%"><!-- wp:heading {"level":6,"className":"eplus-8V6xAx","epGeneratedClass":"eplus-8V6xAx"} --> <h6 class="eplus-8V6xAx"><strong>PERFECT CLEAN COMPANY</strong></h6> <!-- /wp:heading --> <!-- wp:heading {"level":1,"className":"eplus-v8wmVZ","epGeneratedClass":"eplus-v8wmVZ"} --> <h1 class="eplus-v8wmVZ"><strong>Dolore fusiat nulla excep services.</strong></h1> <!-- /wp:heading --></div> <!-- /wp:column --> <!-- wp:column {"width":42,"className":"eplus-C9jSU6","epGeneratedClass":"eplus-C9jSU6"} --> <div class="wp-block-column eplus-C9jSU6" style="flex-basis:42%"><!-- wp:spacer {"height":59,"className":"eplus-jV8aRq","epGeneratedClass":"eplus-jV8aRq"} --> <div style="height:59px" aria-hidden="true" class="wp-block-spacer eplus-jV8aRq"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"className":" eplus-j0EBzE","epGeneratedClass":"eplus-j0EBzE"} --> <p class=" eplus-j0EBzE">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua enim minim veniam nostrud exerci tation ullamco laboris aliruip.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"width":20.5,"className":"eplus-Vt58Xd","epGeneratedClass":"eplus-Vt58Xd"} --> <div class="wp-block-column eplus-Vt58Xd" style="flex-basis:20.5%"><!-- wp:spacer {"height":59,"className":"eplus-u54hcR","epGeneratedClass":"eplus-u54hcR"} --> <div style="height:59px" aria-hidden="true" class="wp-block-spacer eplus-u54hcR"></div> <!-- /wp:spacer --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","borderRadius":0,"align":"right","className":"eplus-PcrxxW","epGeneratedClass":"eplus-PcrxxW"} --> <div class="wp-block-button alignright eplus-PcrxxW"><a class="wp-block-button__link has-background has-vivid-cyan-blue-background-color no-border-radius" href="#">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"className":" eplus-0wURHz","epGeneratedClass":"eplus-0wURHz","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-0wURHz"><!-- wp:column {"className":"eplus-W6B2wd","epGeneratedClass":"eplus-W6B2wd"} --> <div class="wp-block-column eplus-W6B2wd"><!-- wp:group {"className":"eplus-KexCtu","epCustomMargin":{"value":{"top":"","right":"","bottom":"25","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-KexCtu","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-KexCtu"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":" eplus-fxZdIF","epGeneratedClass":"eplus-fxZdIF"} --> <div class="wp-block-cover eplus-fxZdIF" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-nfD89i","epGeneratedClass":"eplus-nfD89i"} --> <p class="has-text-align-center has-large-font-size eplus-nfD89i"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-woLZBJ","epGeneratedClass":"eplus-woLZBJ"} --> <h4 class="has-text-align-center eplus-woLZBJ"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-i8rRI7","epGeneratedClass":"eplus-i8rRI7"} --> <p class="has-text-align-center eplus-i8rRI7">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --> <!-- wp:group {"className":" eplus-KfneKb","epGeneratedClass":"eplus-KfneKb","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-KfneKb"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":"ticss-ead7df3a eplus-QNCnNi","epGeneratedClass":"eplus-QNCnNi"} --> <div class="wp-block-cover ticss-ead7df3a eplus-QNCnNi" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-6JBFKG","epGeneratedClass":"eplus-6JBFKG"} --> <p class="has-text-align-center has-large-font-size eplus-6JBFKG"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-3umpjb","epGeneratedClass":"eplus-3umpjb"} --> <h4 class="has-text-align-center eplus-3umpjb"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-HM7Ltn","epGeneratedClass":"eplus-HM7Ltn"} --> <p class="has-text-align-center eplus-HM7Ltn">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-KIn6r2","epGeneratedClass":"eplus-KIn6r2"} --> <div class="wp-block-column eplus-KIn6r2"><!-- wp:group {"className":"eplus-7JHJSb","epCustomMargin":{"value":{"top":"","right":"","bottom":"25","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-7JHJSb","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-7JHJSb"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":" eplus-hS4buc","epGeneratedClass":"eplus-hS4buc"} --> <div class="wp-block-cover eplus-hS4buc" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-rfYDBQ","epGeneratedClass":"eplus-rfYDBQ"} --> <p class="has-text-align-center has-large-font-size eplus-rfYDBQ"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-B80Kbh","epGeneratedClass":"eplus-B80Kbh"} --> <h4 class="has-text-align-center eplus-B80Kbh"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-rtqqLy","epGeneratedClass":"eplus-rtqqLy"} --> <p class="has-text-align-center eplus-rtqqLy">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --> <!-- wp:group {"className":" eplus-0vtGdH","epGeneratedClass":"eplus-0vtGdH","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-0vtGdH"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":"ticss-ead7df3a eplus-Id85Z2","epGeneratedClass":"eplus-Id85Z2"} --> <div class="wp-block-cover ticss-ead7df3a eplus-Id85Z2" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-M9LHdj","epGeneratedClass":"eplus-M9LHdj"} --> <p class="has-text-align-center has-large-font-size eplus-M9LHdj"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"ticss-aba21c51 eplus-T0bAYO","epGeneratedClass":"eplus-T0bAYO"} --> <h4 class="has-text-align-center ticss-aba21c51 eplus-T0bAYO"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"ticss-0c5054e0 eplus-Byp4rU","epGeneratedClass":"eplus-Byp4rU"} --> <p class="has-text-align-center ticss-0c5054e0 eplus-Byp4rU">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-xCEl3S","epGeneratedClass":"eplus-xCEl3S"} --> <div class="wp-block-column eplus-xCEl3S"><!-- wp:group {"className":"eplus-zY8Imn","epCustomMargin":{"value":{"top":"","right":"","bottom":"25","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-zY8Imn","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-zY8Imn"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":"eplus-t1pOUN","epGeneratedClass":"eplus-t1pOUN"} --> <div class="wp-block-cover eplus-t1pOUN" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-LECNBG","epGeneratedClass":"eplus-LECNBG"} --> <p class="has-text-align-center has-large-font-size eplus-LECNBG"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-yIrUSM","epGeneratedClass":"eplus-yIrUSM"} --> <h4 class="has-text-align-center eplus-yIrUSM"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-WstxPs","epGeneratedClass":"eplus-WstxPs"} --> <p class="has-text-align-center eplus-WstxPs">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --> <!-- wp:group {"className":" eplus-ZrfBjT","epGeneratedClass":"eplus-ZrfBjT","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-ZrfBjT"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":"ticss-ead7df3a eplus-vCJPaa","epGeneratedClass":"eplus-vCJPaa"} --> <div class="wp-block-cover ticss-ead7df3a eplus-vCJPaa" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-ZTFTwD","epGeneratedClass":"eplus-ZTFTwD"} --> <p class="has-text-align-center has-large-font-size eplus-ZTFTwD"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-ihVdVJ","epGeneratedClass":"eplus-ihVdVJ"} --> <h4 class="has-text-align-center eplus-ihVdVJ"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-w6xpb2","epGeneratedClass":"eplus-w6xpb2"} --> <p class="has-text-align-center eplus-w6xpb2">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-V2Ye43","epGeneratedClass":"eplus-V2Ye43"} --> <div class="wp-block-column eplus-V2Ye43"><!-- wp:group {"className":" eplus-NYmwsO","epCustomMargin":{"value":{"top":"","right":"","bottom":"25","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-NYmwsO","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-NYmwsO"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":" eplus-YIO9ll","epGeneratedClass":"eplus-YIO9ll"} --> <div class="wp-block-cover eplus-YIO9ll" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-svytZh","epGeneratedClass":"eplus-svytZh"} --> <p class="has-text-align-center has-large-font-size eplus-svytZh"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-bqooSI","epGeneratedClass":"eplus-bqooSI"} --> <h4 class="has-text-align-center eplus-bqooSI"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-seijSR","epGeneratedClass":"eplus-seijSR"} --> <p class="has-text-align-center eplus-seijSR">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --> <!-- wp:group {"className":" eplus-CGjHKR","epGeneratedClass":"eplus-CGjHKR","epCustomBorder":{"borderTop":{"area":1,"style":"solid","color":"#e8e8e8"},"borderRight":{"area":1,"style":"solid","color":"#e8e8e8"},"borderLeft":{"area":1,"style":"solid","color":"#e8e8e8"},"borderBottom":{"area":1,"style":"solid","color":"#e8e8e8"},"borderAll":{"area":1,"style":"solid","color":"#e8e8e8"}}} --> <div class="wp-block-group eplus-CGjHKR"><div class="wp-block-group__inner-container"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png","id":1330,"dimRatio":0,"minHeight":200,"className":"ticss-ead7df3a eplus-xJF9nK","epGeneratedClass":"eplus-xJF9nK"} --> <div class="wp-block-cover ticss-ead7df3a eplus-xJF9nK" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-7ak09E","epGeneratedClass":"eplus-7ak09E"} --> <p class="has-text-align-center has-large-font-size eplus-7ak09E"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"align":"center","level":4,"className":"eplus-YkSvFS","epGeneratedClass":"eplus-YkSvFS"} --> <h4 class="has-text-align-center eplus-YkSvFS"><br><strong>Website Design</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","className":"eplus-JattIv","epGeneratedClass":"eplus-JattIv"} --> <p class="has-text-align-center eplus-JattIv">Lorem ipsum dolor amet.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></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)

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