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 3

Card 3 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 2
Next Template Card 4

<!-- wp:group {"className":"eplus-QGruVV","epGeneratedClass":"eplus-QGruVV","editorPlusCustomCSS":".eplus-QGruVV .wp-block-columns {\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n}\r\n.eplus-QGruVV, .wp-block-cover-image{\r\nheight: auto;\r\n}\r\n"} --> <div class="wp-block-group eplus-QGruVV"><div class="wp-block-group__inner-container"><!-- wp:columns {"className":"eplus-JTdUrG","epCustomMargin":{"value":{"top":"50","right":"","bottom":"25","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-JTdUrG","epCustomSizingResponsiveEnabled":true,"epCustomSizingTablet":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"}},"epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-JTdUrG"><!-- wp:column {"width":40,"className":"eplus-3tLlky","epGeneratedClass":"eplus-3tLlky"} --> <div class="wp-block-column eplus-3tLlky" style="flex-basis:40%"><!-- wp:heading {"className":"eplus-YMosVT","epGeneratedClass":"eplus-YMosVT"} --> <h2 class="eplus-YMosVT">WHAT COMPANY DO<br><strong>OUR SERVICES</strong></h2> <!-- /wp:heading --></div> <!-- /wp:column --> <!-- wp:column {"width":60,"className":"eplus-g2GzOV","epCustomPaddingResponsiveEnabled":true,"epCustomPaddingTablet":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":false},"epCustomPadding":{"value":{"top":"","right":"","bottom":"","left":"23"},"unit":"px","important":false},"epCustomPaddingMobile":{"value":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"%","important":false},"epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-g2GzOV","epCustomBorderResponsiveEnabled":true,"epCustomBorderTablet":{"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":""}},"epCustomBorder":{"borderTop":{},"borderRight":{},"borderLeft":{"area":4,"style":"solid","color":"#000000"},"borderBottom":{},"borderAll":{}},"epCustomBorderMobile":{"borderTop":{"area":0,"style":"","color":""},"borderRight":{"area":0,"style":"","color":""},"borderLeft":{"area":1,"style":"","color":""},"borderBottom":{"area":0,"style":"","color":""},"borderAll":{"area":0,"style":"","color":""}}} --> <div class="wp-block-column eplus-g2GzOV" style="flex-basis:60%"><!-- wp:paragraph {"className":"eplus-i9cBa7","epGeneratedClass":"eplus-i9cBa7"} --> <p class="eplus-i9cBa7">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat aute irure dolor in reprehenderit in volup.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"height":50,"className":"eplus-6WHqTK","epGeneratedClass":"eplus-6WHqTK"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer eplus-6WHqTK"></div> <!-- /wp:spacer --> <!-- wp:columns {"className":"eplus-50Tpct","epGeneratedClass":"eplus-50Tpct","epCustomSizingResponsiveEnabled":true,"epCustomSizingTablet":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"}},"epCustomSizing":{"height":{"value":80,"important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"}}} --> <div class="wp-block-columns eplus-50Tpct"><!-- wp:column {"className":"eplus-5NZSIA","epCustomMarginResponsiveEnabled":true,"epCustomMarginMobile":{"value":{"top":"","right":"","bottom":"50","left":""},"unit":"%","important":true},"epGeneratedClass":"eplus-5NZSIA"} --> <div class="wp-block-column eplus-5NZSIA"><!-- wp:group {"className":"eplus-1WcSSE","epGeneratedClass":"eplus-1WcSSE"} --> <div class="wp-block-group eplus-1WcSSE"><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":350,"className":"eplus-FmhAGU","epCustomMargin":{"value":{"top":"","right":"","bottom":"24","left":""},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"5","right":"5","bottom":"5","left":"5"},"unit":"px","important":false},"epGeneratedClass":"eplus-FmhAGU"} --> <div class="wp-block-cover eplus-FmhAGU" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:350px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","className":"ticss-29f9811e eplus-dLlH4H","backgroundColor":"very-dark-gray","textColor":"very-light-gray","epCustomPadding":{"value":{"top":"3","right":"","bottom":"3","left":""},"unit":"px","important":true},"epCustomMargin":{"value":{"top":"262","right":"","bottom":"","left":"-50"},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"0","right":"5","bottom":"5","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-dLlH4H","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":40,"important":false,"unit":"%"}}} --> <p class="has-text-align-center ticss-29f9811e eplus-dLlH4H has-very-light-gray-color has-very-dark-gray-background-color has-text-color has-background">Services</p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"level":4,"className":"eplus-TvfTDA","epGeneratedClass":"eplus-TvfTDA"} --> <h4 class="eplus-TvfTDA"><strong>WEBSITE DESIGN</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-KiJWth","epGeneratedClass":"eplus-KiJWth"} --> <p class="eplus-KiJWth">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua enim minim veniam nostrud</p> <!-- /wp:paragraph --> <!-- wp:separator {"color":"very-dark-gray","className":"is-style-wide eplus-rmFJn5","epGeneratedClass":"eplus-rmFJn5"} --> <hr class="wp-block-separator has-text-color has-background has-very-dark-gray-background-color has-very-dark-gray-color is-style-wide eplus-rmFJn5"/> <!-- /wp:separator --> <!-- wp:button {"borderRadius":0,"backgroundColor":"vivid-cyan-blue","className":"ticss-3aa0df94 eplus-BiR8Mr","epGeneratedClass":"eplus-BiR8Mr"} --> <div class="wp-block-button ticss-3aa0df94 eplus-BiR8Mr"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-background no-border-radius">Read More</a></div> <!-- /wp:button --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-nrTqRZ","epCustomMarginResponsiveEnabled":true,"epCustomMarginMobile":{"value":{"top":"","right":"","bottom":"50","left":""},"unit":"%","important":true},"epGeneratedClass":"eplus-nrTqRZ"} --> <div class="wp-block-column eplus-nrTqRZ"><!-- wp:group {"className":"eplus-CNJgVJ","epGeneratedClass":"eplus-CNJgVJ"} --> <div class="wp-block-group eplus-CNJgVJ"><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":350,"className":"eplus-nUtf6k","epCustomMargin":{"value":{"top":"","right":"","bottom":"24","left":""},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"5","right":"5","bottom":"5","left":"5"},"unit":"px","important":false},"epGeneratedClass":"eplus-nUtf6k"} --> <div class="wp-block-cover eplus-nUtf6k" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:350px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","className":"ticss-29f9811e eplus-XEKwgv","backgroundColor":"very-dark-gray","textColor":"very-light-gray","epCustomPadding":{"value":{"top":"3","right":"","bottom":"3","left":""},"unit":"px","important":true},"epCustomMargin":{"value":{"top":"262","right":"","bottom":"","left":"-50"},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"0","right":"5","bottom":"5","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-XEKwgv","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":40,"important":false,"unit":"%"}}} --> <p class="has-text-align-center ticss-29f9811e eplus-XEKwgv has-very-light-gray-color has-very-dark-gray-background-color has-text-color has-background">Services</p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"level":4,"className":"eplus-hZtB9u","epGeneratedClass":"eplus-hZtB9u"} --> <h4 class="eplus-hZtB9u"><strong>WEBSITE DESIGN</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-ujpXIn","epGeneratedClass":"eplus-ujpXIn"} --> <p class="eplus-ujpXIn">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua enim minim veniam nostrud</p> <!-- /wp:paragraph --> <!-- wp:separator {"color":"very-dark-gray","className":"is-style-wide eplus-fadWGd","epGeneratedClass":"eplus-fadWGd"} --> <hr class="wp-block-separator has-text-color has-background has-very-dark-gray-background-color has-very-dark-gray-color is-style-wide eplus-fadWGd"/> <!-- /wp:separator --> <!-- wp:button {"borderRadius":0,"backgroundColor":"vivid-cyan-blue","className":"eplus-06VDZU","epGeneratedClass":"eplus-06VDZU"} --> <div class="wp-block-button eplus-06VDZU"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-background no-border-radius">Read More</a></div> <!-- /wp:button --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-Rr67lh","epCustomMarginResponsiveEnabled":true,"epCustomMarginMobile":{"value":{"top":"","right":"","bottom":"50","left":""},"unit":"%","important":true},"epGeneratedClass":"eplus-Rr67lh"} --> <div class="wp-block-column eplus-Rr67lh"><!-- wp:group {"className":"eplus-LUjIf3","epCustomMarginResponsiveEnabled":true,"epGeneratedClass":"eplus-LUjIf3"} --> <div class="wp-block-group eplus-LUjIf3"><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":350,"className":"eplus-L6ZzDe","epCustomMargin":{"value":{"top":"","right":"","bottom":"24","left":""},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"5","right":"5","bottom":"5","left":"5"},"unit":"px","important":false},"epGeneratedClass":"eplus-L6ZzDe"} --> <div class="wp-block-cover eplus-L6ZzDe" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:350px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","className":"ticss-29f9811e eplus-uxT4uq","backgroundColor":"very-dark-gray","textColor":"very-light-gray","epCustomPadding":{"value":{"top":"3","right":"","bottom":"3","left":""},"unit":"px","important":true},"epCustomMargin":{"value":{"top":"262","right":"","bottom":"","left":"-50"},"unit":"px","important":false},"epCustomBorderRadius":{"value":{"top":"0","right":"5","bottom":"5","left":"0"},"unit":"px","important":false},"epGeneratedClass":"eplus-uxT4uq","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":40,"important":false,"unit":"%"}}} --> <p class="has-text-align-center ticss-29f9811e eplus-uxT4uq has-very-light-gray-color has-very-dark-gray-background-color has-text-color has-background">Services</p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:heading {"level":4,"className":"eplus-Uk4mlk","epGeneratedClass":"eplus-Uk4mlk"} --> <h4 class="eplus-Uk4mlk"><strong>WEBSITE DESIGN</strong></h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"ticss-571aad09 eplus-I9IpGc","epGeneratedClass":"eplus-I9IpGc"} --> <p class="ticss-571aad09 eplus-I9IpGc">Lorem ipsum dolor amet consec tetur adipiscing elit eiusmod tempor incididunt labore dolore magna alirua enim minim veniam nostrud</p> <!-- /wp:paragraph --> <!-- wp:separator {"color":"very-dark-gray","className":"is-style-wide eplus-7qB14c","epGeneratedClass":"eplus-7qB14c"} --> <hr class="wp-block-separator has-text-color has-background has-very-dark-gray-background-color has-very-dark-gray-color is-style-wide eplus-7qB14c"/> <!-- /wp:separator --> <!-- wp:button {"borderRadius":0,"backgroundColor":"vivid-cyan-blue","className":"eplus-pdBLTt","epGeneratedClass":"eplus-pdBLTt"} --> <div class="wp-block-button eplus-pdBLTt"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-background no-border-radius">Read More</a></div> <!-- /wp:button --></div></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --> <!-- wp:spacer {"height":164,"className":"eplus-NUsoR6","epGeneratedClass":"eplus-NUsoR6"} --> <div style="height:164px" aria-hidden="true" class="wp-block-spacer eplus-NUsoR6"></div> <!-- /wp:spacer -->

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