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 7

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

<!-- wp:group {"className":"eplus-LweKy3 ","epGeneratedClass":"eplus-LweKy3","editorPlusCustomCSS":".eplus-LweKy3 .wp-block-columns{\r\n margin:0 auto;\r\n}\r\n.eplus-LweKy3 .para-1{\r\n display:inline-block;\r\n}\r\n.eplus-LweKy3 .para-2{\r\n display:inline-block;\r\n float:right;\r\n\r\n}\r\n.wp-block-cover, .wp-block-cover-image{\r\nheight: auto;\r\n}"} --> <div class="wp-block-group eplus-LweKy3"><div class="wp-block-group__inner-container"><!-- wp:group {"className":" eplus-dWZxcX","epCustomMargin":{"value":{"top":"50","right":"","bottom":"55","left":"141"},"unit":"px","important":true},"epGeneratedClass":"eplus-dWZxcX","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":53,"important":true,"unit":"%"}}} --> <div class="wp-block-group eplus-dWZxcX"><div class="wp-block-group__inner-container"><!-- wp:heading {"className":"eplus-zsNzjx","epGeneratedClass":"eplus-zsNzjx"} --> <h2 class="eplus-zsNzjx"><strong>Why Choose Us</strong></h2> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-FbQbjZ","epGeneratedClass":"eplus-FbQbjZ"} --> <p class="eplus-FbQbjZ">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --> <!-- wp:columns {"className":"ticss-1129eb56 eplus-2BKtaM","epGeneratedClass":"eplus-2BKtaM","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":true,"unit":"%"}}} --> <div class="wp-block-columns ticss-1129eb56 eplus-2BKtaM"><!-- wp:column {"className":"eplus-4vCXF4","epGeneratedClass":"eplus-4vCXF4"} --> <div class="wp-block-column eplus-4vCXF4"><!-- 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":250,"className":" eplus-mR2ojo","epGeneratedClass":"eplus-mR2ojo"} --> <div class="wp-block-cover eplus-mR2ojo" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:250px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-SZ5C66","epGeneratedClass":"eplus-SZ5C66"} --> <p class="has-text-align-center has-large-font-size eplus-SZ5C66"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:paragraph {"customFontSize":22,"className":"eplus-32oeJE para-1","epGeneratedClass":"eplus-32oeJE"} --> <p style="font-size:22px" class="eplus-32oeJE para-1"><strong>Fresh Ingredients</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customFontSize":65,"className":"eplus-HGO5JH para-2","epCustomMargin":{"value":{"top":"-8","right":"","bottom":"0","left":""},"unit":"px","important":true},"epGeneratedClass":"eplus-HGO5JH"} --> <p style="font-size:65px" class="eplus-HGO5JH para-2"><strong>01</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customFontSize":15,"className":"eplus-vz2ePq","epGeneratedClass":"eplus-vz2ePq"} --> <p style="font-size:15px" class="eplus-vz2ePq">Lorem insum dolor amet consec tetur adiriscin elit eiusmod temsor incididunt labore dolore magna alirua enim minim veniam nostrud.</p> <!-- /wp:paragraph --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","borderRadius":0,"className":"ticss-c8e063b1 eplus-fCCrgV","epGeneratedClass":"eplus-fCCrgV"} --> <div class="wp-block-button ticss-c8e063b1 eplus-fCCrgV"><a class="wp-block-button__link has-background has-vivid-cyan-blue-background-color no-border-radius">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-uGUnoG","epGeneratedClass":"eplus-uGUnoG"} --> <div class="wp-block-column eplus-uGUnoG"><!-- 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":250,"className":" eplus-QmSzeo","epGeneratedClass":"eplus-QmSzeo"} --> <div class="wp-block-cover eplus-QmSzeo" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:250px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-IdwR4e","epGeneratedClass":"eplus-IdwR4e"} --> <p class="has-text-align-center has-large-font-size eplus-IdwR4e"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:paragraph {"customFontSize":21,"className":"eplus-QUJxcO para-1","epGeneratedClass":"eplus-QUJxcO"} --> <p style="font-size:21px" class="eplus-QUJxcO para-1"><strong>Fresh Ingredients</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"left","customFontSize":65,"className":"eplus-O43oh2 para-2","epCustomMargin":{"value":{"top":"-8","right":"","bottom":"0","left":""},"unit":"px","important":true},"epGeneratedClass":"eplus-O43oh2"} --> <p style="font-size:65px" class="has-text-align-left eplus-O43oh2 para-2"><strong>02</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customFontSize":15,"className":"eplus-IsAEeV","epGeneratedClass":"eplus-IsAEeV"} --> <p style="font-size:15px" class="eplus-IsAEeV">Lorem insum dolor amet consec tetur adiriscin elit eiusmod temsor incididunt labore dolore magna alirua enim minim veniam nostrud.</p> <!-- /wp:paragraph --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","borderRadius":0,"className":"eplus-0G6qzV","epGeneratedClass":"eplus-0G6qzV"} --> <div class="wp-block-button eplus-0G6qzV"><a class="wp-block-button__link has-background has-vivid-cyan-blue-background-color no-border-radius">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:column --> <!-- wp:column {"className":"eplus-bQ4GiO","epGeneratedClass":"eplus-bQ4GiO"} --> <div class="wp-block-column eplus-bQ4GiO"><!-- 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":250,"className":" eplus-NG8vaf","epGeneratedClass":"eplus-NG8vaf"} --> <div class="wp-block-cover eplus-NG8vaf" style="background-image:url(https://demo.gutenberghub.com/gut-templates/wp-content/uploads/sites/10/2020/01/image-sub-4344-16.png);min-height:250px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large","className":"eplus-lYIXXO","epGeneratedClass":"eplus-lYIXXO"} --> <p class="has-text-align-center has-large-font-size eplus-lYIXXO"></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:paragraph {"customFontSize":21,"className":"eplus-YB2yXb para-1","epGeneratedClass":"eplus-YB2yXb"} --> <p style="font-size:21px" class="eplus-YB2yXb para-1"><strong>Fresh Ingredients</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customFontSize":65,"className":"eplus-jDPzJO para-2","epCustomMargin":{"value":{"top":"-8","right":"","bottom":"0","left":""},"unit":"px","important":true},"epGeneratedClass":"eplus-jDPzJO"} --> <p style="font-size:65px" class="eplus-jDPzJO para-2"><strong>03</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"customFontSize":15,"className":"eplus-owTGTh","epGeneratedClass":"eplus-owTGTh"} --> <p style="font-size:15px" class="eplus-owTGTh">Lorem insum dolor amet consec tetur adiriscin elit eiusmod temsor incididunt labore dolore magna alirua enim minim veniam nostrud.</p> <!-- /wp:paragraph --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","borderRadius":0,"className":"eplus-rij7P4","epGeneratedClass":"eplus-rij7P4"} --> <div class="wp-block-button eplus-rij7P4"><a class="wp-block-button__link has-background has-vivid-cyan-blue-background-color no-border-radius">Read More</a></div> <!-- /wp:button --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --> <!-- wp:spacer {"height":139,"className":"eplus-9ZD2s2","epGeneratedClass":"eplus-9ZD2s2"} --> <div style="height:139px" aria-hidden="true" class="wp-block-spacer eplus-9ZD2s2"></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

Terms of Service | Privacy Policy

  • 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