Reveal Content Card

Now paste(CTRL + V or cmd + V) the content into the page

Best with:‎

Twentig

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"0"},"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"0"},"color":{"gradient":"linear-gradient(180deg,rgb(255,255,255) 58%,rgba(255,255,255,0.64) 58%)"}},"twStretchedLink":true} -->
    <div class="wp-block-column is-vertically-aligned-center is-style-default has-background tw-stretched-link" style="background:linear-gradient(180deg,rgb(255,255,255) 58%,rgba(255,255,255,0.64) 58%);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/mesh-664.png","id":114,"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"style":{"border":{"radius":"1em"}},"layout":{"type":"constrained"},"twHover":"opacity"} -->
    <div class="wp-block-cover is-light tw-hover-opacity" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-114" alt="" src="https://ideal-storm.wp.build/wp-content/uploads/2024/09/mesh-664.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"color":{"text":"#ffffff"}},"fontSize":"large"} -->
    <p class="has-text-align-center tw-link-no-underline has-text-color has-link-color has-large-font-size" style="color:#ffffff"><a href="#cat1" data-type="internal" data-id="#cat1">Standard</a></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png","id":62,"isUserOverlayColor":true,"customGradient":"linear-gradient(135deg,rgba(7,146,227,0) 0%,rgba(59,56,56,0.45) 100%)","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"1em"}},"fontSize":"large","layout":{"type":"constrained"},"twHover":"show-text"} -->
    <div class="wp-block-cover tw-link-no-underline has-link-color has-large-font-size tw-hover-show-text" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgba(7,146,227,0) 0%,rgba(59,56,56,0.45) 100%)"></span><img class="wp-block-cover__image-background wp-image-62" alt="" src="https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"small"} -->
    <p class="has-text-align-center has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:list {"className":"is-style-tw-checkmark","fontSize":"x-small"} -->
    <ul class="wp-block-list is-style-tw-checkmark has-x-small-font-size"><!-- wp:list-item -->
    <li>Free Cashback</li>
    <!-- /wp:list-item -->
    
    <!-- wp:list-item -->
    <li>Points</li>
    <!-- /wp:list-item --></ul>
    <!-- /wp:list -->
    
    <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
    <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary-button"} -->
    <div class="wp-block-button is-style-secondary-button"><a class="wp-block-button__link wp-element-button">Learn More</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div></div>
    <!-- /wp:cover --></div></div>
    <!-- /wp:cover --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"center","className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"0"},"color":{"gradient":"linear-gradient(180deg,rgb(255,255,255) 58%,rgba(255,255,255,0.64) 58%)"}},"twStretchedLink":true} -->
    <div class="wp-block-column is-vertically-aligned-center is-style-default has-background tw-stretched-link" style="background:linear-gradient(180deg,rgb(255,255,255) 58%,rgba(255,255,255,0.64) 58%);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/mesh-875.png","id":116,"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"style":{"border":{"radius":"1em"}},"layout":{"type":"constrained"},"twHover":"opacity"} -->
    <div class="wp-block-cover is-light tw-hover-opacity" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-116" alt="" src="https://ideal-storm.wp.build/wp-content/uploads/2024/09/mesh-875.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"color":{"text":"#000000"}},"fontSize":"large"} -->
    <p class="has-text-align-center tw-link-no-underline has-text-color has-link-color has-large-font-size" style="color:#000000"><a href="#cat1" data-type="internal" data-id="#cat1">Premium</a></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png","id":62,"isUserOverlayColor":true,"customGradient":"linear-gradient(135deg,rgba(7,146,227,0) 0%,rgba(59,56,56,0.45) 100%)","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"1em"}},"fontSize":"large","layout":{"type":"constrained"},"twHover":"show-text"} -->
    <div class="wp-block-cover tw-link-no-underline has-link-color has-large-font-size tw-hover-show-text" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgba(7,146,227,0) 0%,rgba(59,56,56,0.45) 100%)"></span><img class="wp-block-cover__image-background wp-image-62" alt="" src="https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"small"} -->
    <p class="has-text-align-center has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
    <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary-button"} -->
    <div class="wp-block-button is-style-secondary-button"><a class="wp-block-button__link wp-element-button">Learn More</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div></div>
    <!-- /wp:cover --></div></div>
    <!-- /wp:cover --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"center","className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"0"},"color":{"gradient":"linear-gradient(180deg,rgb(255,255,255) 58%,rgba(255,255,255,0.64) 58%)"}},"twStretchedLink":true} -->
    <div class="wp-block-column is-vertically-aligned-center is-style-default has-background tw-stretched-link" style="background:linear-gradient(180deg,rgb(255,255,255) 58%,rgba(255,255,255,0.64) 58%);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/mesh-967.png","id":118,"dimRatio":0,"isUserOverlayColor":true,"style":{"border":{"radius":"1em"}},"layout":{"type":"constrained"},"twHover":"opacity"} -->
    <div class="wp-block-cover tw-hover-opacity" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-118" alt="" src="https://ideal-storm.wp.build/wp-content/uploads/2024/09/mesh-967.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"color":{"text":"#ffffff"}},"fontSize":"large"} -->
    <p class="has-text-align-center tw-link-no-underline has-text-color has-link-color has-large-font-size" style="color:#ffffff">Star</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png","id":62,"isUserOverlayColor":true,"customGradient":"linear-gradient(135deg,rgba(7,146,227,0) 0%,rgba(59,56,56,0.45) 100%)","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"1em"}},"fontSize":"large","layout":{"type":"constrained"},"twHover":"show-text"} -->
    <div class="wp-block-cover tw-link-no-underline has-link-color has-large-font-size tw-hover-show-text" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgba(7,146,227,0) 0%,rgba(59,56,56,0.45) 100%)"></span><img class="wp-block-cover__image-background wp-image-62" alt="" src="https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"small"} -->
    <p class="has-text-align-center has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
    <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary-button"} -->
    <div class="wp-block-button is-style-secondary-button"><a class="wp-block-button__link wp-element-button">Learn More</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div></div>
    <!-- /wp:cover --></div></div>
    <!-- /wp:cover --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->