Product features card layout with title and subtitle

True Music Indeed
Bring musical satisfaction to your mind that bring Joy to your life

High Quality Sound

I’m a paragraph. Click here to
add your own text and edit me.
Let your users get to know you.
Easy Wireless Listening

I’m a paragraph. Click here to
add your own text and edit me.
Let your users get to know you.
Sleek Updated Design

I’m a paragraph. Click here to
add your own text and edit me.
Let your users get to know you.
Pattern Code
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxNjkyNS1pbWFnZS1rd3Z3dG0xeC5qcGc.jpg","id":null,"dimRatio":30} -->
<div class="wp-block-cover"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxNjkyNS1pbWFnZS1rd3Z3dG0xeC5qcGc.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"เขียนชื่อ...","style":{"typography":{"letterSpacing":"5px","textTransform":"uppercase","fontSize":"12px"}}} -->
<p class="has-text-align-center" style="font-size:12px;letter-spacing:5px;text-transform:uppercase"><em>True Music Indeed</em></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"layout":{"type":"constrained","contentSize":"600px"}} -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"36px","textTransform":"capitalize"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"0","bottom":"var:preset|spacing|20","left":"0"}}}} -->
<h3 class="wp-block-heading has-text-align-center" style="padding-top:var(--wp--preset--spacing--20);padding-right:0;padding-bottom:var(--wp--preset--spacing--20);padding-left:0;font-size:36px;text-transform:capitalize">Bring musical satisfaction to your mind that bring Joy to your life</h3>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"gradient":"linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%)"}},"layout":{"type":"default"}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|40"},"border":{"radius":"15px","color":"#ffffff03"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffffff03;border-radius:15px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"id":null,"width":50,"height":50,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png" alt="" width="50" height="50" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"},"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<h5 class="wp-block-heading" style="padding-top:0;padding-bottom:0;font-size:25px;font-style:normal;font-weight:600;text-transform:capitalize">High Quality Sound</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1.4"}}} -->
<p style="font-size:16px;line-height:1.4">I'm a paragraph. Click here to<br>add your own text and edit me.<br>Let your users get to know you.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"gradient":"linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%)"}},"layout":{"type":"default"}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|40"},"border":{"radius":"15px","color":"#ffffff03"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffffff03;border-radius:15px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"id":null,"width":50,"height":50,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png" alt="" width="50" height="50" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"},"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<h5 class="wp-block-heading" style="padding-top:0;padding-bottom:0;font-size:25px;font-style:normal;font-weight:600;text-transform:capitalize">Easy Wireless Listening</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1.4"}}} -->
<p style="font-size:16px;line-height:1.4">I'm a paragraph. Click here to<br>add your own text and edit me.<br>Let your users get to know you.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"gradient":"linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%)"}},"layout":{"type":"default"}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|40"},"border":{"radius":"15px","color":"#ffffff03"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffffff03;border-radius:15px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"id":null,"width":50,"height":50,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png" alt="" width="50" height="50" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"},"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<h5 class="wp-block-heading" style="padding-top:0;padding-bottom:0;font-size:25px;font-style:normal;font-weight:600;text-transform:capitalize">Sleek Updated Design</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1.4"}}} -->
<p style="font-size:16px;line-height:1.4">I'm a paragraph. Click here to<br>add your own text and edit me.<br>Let your users get to know you.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->