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 10

Card 10 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 9
Next Template Content 1

<!-- wp:cover {"overlayColor":"vivid-cyan-blue","className":"eplus-5IEQou ticss-6e238d66","epGeneratedClass":"eplus-5IEQou","editorPlusCustomCSS":".eplus-5IEQou .wp-block-columns{\r\n margin:0 auto;\r\n}\r\n.wp-block-cover, .wp-block-cover-image{\r\nheight: auto;\r\n}"} --> <div class="wp-block-cover has-vivid-cyan-blue-background-color has-background-dim eplus-5IEQou ticss-6e238d66"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"className":"eplus-VsYx4h","epGeneratedClass":"eplus-VsYx4h"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-VsYx4h"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":"ticss-2c0d42db eplus-foaJl2","epGeneratedClass":"eplus-foaJl2","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":true,"unit":"%"}}} --> <div class="wp-block-columns ticss-2c0d42db eplus-foaJl2"><!-- wp:column {"className":" eplus-6jAQNw","epGeneratedClass":"eplus-6jAQNw"} --> <div class="wp-block-column eplus-6jAQNw"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-17.png","id":1331,"dimRatio":0,"minHeight":280,"className":" eplus-z7Y1sy","epCustomBorderRadius":{"value":{"top":"8","right":"8","bottom":"0","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-z7Y1sy"} --> <div class="wp-block-cover eplus-z7Y1sy" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-17.png);min-height:280px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"very-light-gray","backgroundColor":"very-dark-gray","customFontSize":40,"className":"eplus-YmhDrP","epCustomPadding":{"value":{"top":"5","right":"0","bottom":"5","left":"0"},"unit":"px","important":true},"epCustomMargin":{"value":{"top":"-140","right":"0","bottom":"0","left":"0"},"unit":"px","important":true},"epCustomBorderRadius":{"value":{"top":"0","right":"0","bottom":"8","left":"8"},"unit":"px","important":false},"epGeneratedClass":"eplus-YmhDrP","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"px"}}} --> <p style="font-size:40px" class="has-text-color has-background has-text-align-center has-very-light-gray-color has-very-dark-gray-background-color eplus-YmhDrP"><strong>01</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:group {"className":" eplus-IQI5kF has-background","epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"0","right":"0","bottom":"8","left":"8"},"unit":"px","important":false},"epGeneratedClass":"eplus-IQI5kF","epCustomBackground":{"solid":"rgba(255, 255, 255, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-group eplus-IQI5kF has-background"><div class="wp-block-group__inner-container"><!-- wp:separator {"customColor":"#000000","className":"eplus-vm72x2","epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":"0"},"unit":"%","important":false},"epGeneratedClass":"eplus-vm72x2"} --> <hr class="wp-block-separator has-text-color has-background eplus-vm72x2" style="background-color:#000000;color:#000000"/> <!-- /wp:separator --> <!-- wp:paragraph {"textColor":"very-dark-gray","fontSize":"medium","className":" eplus-GIvYgY","epGeneratedClass":"eplus-GIvYgY"} --> <p class="has-text-color has-medium-font-size has-very-dark-gray-color eplus-GIvYgY"><strong>EXCEPTEUR SINTAMO</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"textColor":"very-dark-gray","className":" eplus-fhUT8p","epGeneratedClass":"eplus-fhUT8p"} --> <p class="has-text-color has-very-dark-gray-color eplus-fhUT8p">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"className":" eplus-aPooeo","epGeneratedClass":"eplus-aPooeo"} --> <div class="wp-block-buttons eplus-aPooeo"><!-- wp:button {"customBackgroundColor":"#000000","customTextColor":"#ffffff","borderRadius":0,"className":" eplus-S2RFXE","epCustomBorderRadius":{"value":{"top":"8","right":"8","bottom":"8","left":"8"},"unit":"px","important":true},"epGeneratedClass":"eplus-S2RFXE"} --> <div class="wp-block-button eplus-S2RFXE"><a class="wp-block-button__link has-text-color has-background no-border-radius" style="background-color:#000000;color:#ffffff">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-Z7veYb","epGeneratedClass":"eplus-Z7veYb"} --> <div class="wp-block-column eplus-Z7veYb"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-17.png","id":1331,"dimRatio":0,"minHeight":280,"className":" eplus-hn8rdW","epCustomBorderRadius":{"value":{"top":"8","right":"8","bottom":"0","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-hn8rdW"} --> <div class="wp-block-cover eplus-hn8rdW" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-17.png);min-height:280px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"very-light-gray","backgroundColor":"very-dark-gray","customFontSize":40,"className":"eplus-3Mi8VP","epCustomPadding":{"value":{"top":"5","right":"0","bottom":"5","left":"0"},"unit":"px","important":true},"epCustomMargin":{"value":{"top":"-140","right":"0","bottom":"0","left":"0"},"unit":"px","important":true},"epCustomBorderRadius":{"value":{"top":"0","right":"0","bottom":"5","left":"5"},"unit":"px","important":false},"epGeneratedClass":"eplus-3Mi8VP","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"px"}}} --> <p style="font-size:40px" class="has-text-color has-background has-text-align-center has-very-light-gray-color has-very-dark-gray-background-color eplus-3Mi8VP"><strong>02</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:group {"className":"eplus-u4VpdY has-background","epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"px","important":true},"epCustomBorderRadius":{"value":{"top":"0","right":"0","bottom":"8","left":"8"},"unit":"px","important":false},"epGeneratedClass":"eplus-u4VpdY","epCustomBackground":{"solid":"rgba(255, 255, 255, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-group eplus-u4VpdY has-background"><div class="wp-block-group__inner-container"><!-- wp:separator {"customColor":"#000000","className":" eplus-zFOrYe","epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":"0"},"unit":"%","important":false},"epGeneratedClass":"eplus-zFOrYe"} --> <hr class="wp-block-separator has-text-color has-background eplus-zFOrYe" style="background-color:#000000;color:#000000"/> <!-- /wp:separator --> <!-- wp:paragraph {"textColor":"very-dark-gray","fontSize":"medium","className":" eplus-tkXIOg","epGeneratedClass":"eplus-tkXIOg"} --> <p class="has-text-color has-medium-font-size has-very-dark-gray-color eplus-tkXIOg"><strong>EXCEPTEUR SINTAMO</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"textColor":"very-dark-gray","className":"eplus-ykiwvf","epGeneratedClass":"eplus-ykiwvf"} --> <p class="has-text-color has-very-dark-gray-color eplus-ykiwvf">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"className":" eplus-eFivr8","epGeneratedClass":"eplus-eFivr8"} --> <div class="wp-block-buttons eplus-eFivr8"><!-- wp:button {"customBackgroundColor":"#000000","customTextColor":"#ffffff","borderRadius":0,"className":" eplus-JAj1VY","epCustomBorderRadius":{"value":{"top":"8","right":"8","bottom":"8","left":"8"},"unit":"px","important":true},"epGeneratedClass":"eplus-JAj1VY"} --> <div class="wp-block-button eplus-JAj1VY"><a class="wp-block-button__link has-text-color has-background no-border-radius" style="background-color:#000000;color:#ffffff">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-E00oYV","epGeneratedClass":"eplus-E00oYV"} --> <div class="wp-block-column eplus-E00oYV"><!-- wp:cover {"url":"https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-17.png","id":1331,"dimRatio":0,"minHeight":280,"className":" eplus-xib8IY","epCustomBorderRadius":{"value":{"top":"8","right":"8","bottom":"0","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-xib8IY"} --> <div class="wp-block-cover eplus-xib8IY" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-17.png);min-height:280px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"very-light-gray","backgroundColor":"very-dark-gray","customFontSize":40,"className":"eplus-YiYXPM","epCustomPadding":{"value":{"top":"5","right":"0","bottom":"5","left":"0"},"unit":"px","important":true},"epCustomMargin":{"value":{"top":"-140","right":"0","bottom":"0","left":"0"},"unit":"px","important":true},"epCustomBorderRadius":{"value":{"top":"0","right":"0","bottom":"8","left":"8"},"unit":"px","important":false},"epGeneratedClass":"eplus-YiYXPM","epCustomSizing":{"height":{"important":false,"unit":"%"},"width":{"value":90,"important":true,"unit":"px"}}} --> <p style="font-size:40px" class="has-text-color has-background has-text-align-center has-very-light-gray-color has-very-dark-gray-background-color eplus-YiYXPM"><strong>03</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:group {"className":" eplus-YooI6h has-background","epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"px","important":true},"epCustomBorderRadius":{"value":{"top":"0","right":"0","bottom":"8","left":"8"},"unit":"px","important":false},"epGeneratedClass":"eplus-YooI6h","epCustomBackground":{"solid":"rgba(255, 255, 255, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}}} --> <div class="wp-block-group eplus-YooI6h has-background"><div class="wp-block-group__inner-container"><!-- wp:separator {"customColor":"#000000","className":" eplus-UM7Hnz","epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":"0"},"unit":"%","important":false},"epGeneratedClass":"eplus-UM7Hnz"} --> <hr class="wp-block-separator has-text-color has-background eplus-UM7Hnz" style="background-color:#000000;color:#000000"/> <!-- /wp:separator --> <!-- wp:paragraph {"textColor":"very-dark-gray","fontSize":"medium","className":" eplus-SGmft0","epGeneratedClass":"eplus-SGmft0"} --> <p class="has-text-color has-medium-font-size has-very-dark-gray-color eplus-SGmft0"><strong>EXCEPTEUR SINTAMO</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"textColor":"very-dark-gray","className":" eplus-zFVHec","epGeneratedClass":"eplus-zFVHec"} --> <p class="has-text-color has-very-dark-gray-color eplus-zFVHec">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"className":" eplus-xdYdFY","epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-xdYdFY"} --> <div class="wp-block-buttons eplus-xdYdFY"><!-- wp:button {"customBackgroundColor":"#000000","customTextColor":"#ffffff","borderRadius":0,"className":" eplus-MyZLlM","epCustomBorderRadius":{"value":{"top":"8","right":"8","bottom":"8","left":"8"},"unit":"px","important":true},"epGeneratedClass":"eplus-MyZLlM"} --> <div class="wp-block-button eplus-MyZLlM"><a class="wp-block-button__link has-text-color has-background no-border-radius" style="background-color:#000000;color:#ffffff">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"className":"eplus-m5ivBh","epGeneratedClass":"eplus-m5ivBh"} --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer eplus-m5ivBh"></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