Features

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

Best with:‎

Block Theme

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|medium"},"margin":{"bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-columns alignwide" style="margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:column {"verticalAlignment":"center","className":"is-style-default tw-rounded","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"}},"twStretchedLink":true,"twAnimation":"fade-in-up","twAnimationDelay":0.5} -->
    <div class="wp-block-column is-vertically-aligned-center is-style-default tw-rounded tw-stretched-link" style="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":"http://technically-responsible.wp.build/wp-content/uploads/2024/10/image-15.png","id":406,"overlayColor":"tertiary","isUserOverlayColor":true,"isDark":false,"className":"is-style-tw-shadow","style":{"border":{"radius":"1em"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","layout":{"type":"constrained"}} -->
    <div class="wp-block-cover is-light is-style-tw-shadow has-secondary-color has-text-color has-link-color" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-100 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-406" alt="" src="http://technically-responsible.wp.build/wp-content/uploads/2024/10/image-15.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"id":458,"width":"64px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"color":{"duotone":"var:preset|duotone|blue"}}} -->
    <figure class="wp-block-image aligncenter size-full is-resized"><img src="http://technically-responsible.wp.build/wp-content/uploads/2024/10/computer.webp" alt="" class="wp-image-458" style="width:64px"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"secondary","fontSize":"large"} -->
    <p class="has-text-align-center tw-link-no-underline has-secondary-color has-text-color has-link-color has-large-font-size"><a href="#cat1" data-type="internal" data-id="#cat1">Standard</a></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
    <p class="has-text-align-center has-x-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry.</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png","id":62,"overlayColor":"primary","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"px","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"1em"},"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"0","padding":{"right":"var:preset|spacing|medium","left":"var:preset|spacing|medium","top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"fontSize":"large","layout":{"type":"constrained","contentSize":""},"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;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></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: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-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">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 tw-rounded","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"}},"twStretchedLink":true,"twAnimation":"fade-in-up","twAnimationDelay":1.5} -->
    <div class="wp-block-column is-vertically-aligned-center is-style-default tw-rounded tw-stretched-link" style="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":"http://technically-responsible.wp.build/wp-content/uploads/2024/10/image-15.png","id":406,"overlayColor":"tertiary","isUserOverlayColor":true,"isDark":false,"className":"is-style-tw-shadow","style":{"border":{"radius":"1em"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","layout":{"type":"constrained"}} -->
    <div class="wp-block-cover is-light is-style-tw-shadow has-secondary-color has-text-color has-link-color" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-100 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-406" alt="" src="http://technically-responsible.wp.build/wp-content/uploads/2024/10/image-15.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"id":484,"width":"64px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"color":{"duotone":"var:preset|duotone|blue"}}} -->
    <figure class="wp-block-image aligncenter size-full is-resized"><img src="http://technically-responsible.wp.build/wp-content/uploads/2024/10/briefcase.webp" alt="" class="wp-image-484" style="width:64px"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"secondary","fontSize":"large"} -->
    <p class="has-text-align-center tw-link-no-underline has-secondary-color has-text-color has-link-color has-large-font-size"><a href="#cat1" data-type="internal" data-id="#cat1">Premium</a></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
    <p class="has-text-align-center has-x-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry.</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png","id":62,"overlayColor":"primary","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"px","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"1em"},"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"0","padding":{"right":"var:preset|spacing|medium","left":"var:preset|spacing|medium","top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"fontSize":"large","layout":{"type":"constrained","contentSize":""},"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;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></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: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-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">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 tw-rounded","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"}},"twStretchedLink":true,"twAnimation":"fade-in-up","twAnimationDelay":2.5} -->
    <div class="wp-block-column is-vertically-aligned-center is-style-default tw-rounded tw-stretched-link" style="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":"http://technically-responsible.wp.build/wp-content/uploads/2024/10/image-15.png","id":406,"overlayColor":"tertiary","isUserOverlayColor":true,"isDark":false,"className":"is-style-tw-shadow","style":{"border":{"radius":"1em"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","layout":{"type":"constrained"}} -->
    <div class="wp-block-cover is-light is-style-tw-shadow has-secondary-color has-text-color has-link-color" style="border-radius:1em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-100 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-406" alt="" src="http://technically-responsible.wp.build/wp-content/uploads/2024/10/image-15.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"id":485,"width":"64px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"color":{"duotone":"var:preset|duotone|blue"}}} -->
    <figure class="wp-block-image aligncenter size-full is-resized"><img src="http://technically-responsible.wp.build/wp-content/uploads/2024/10/key.webp" alt="" class="wp-image-485" style="width:64px"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"secondary","fontSize":"large"} -->
    <p class="has-text-align-center tw-link-no-underline has-secondary-color has-text-color has-link-color has-large-font-size"><a href="#cat1" data-type="internal" data-id="#cat1">Gold</a></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
    <p class="has-text-align-center has-x-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry.</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:cover {"url":"https://ideal-storm.wp.build/wp-content/uploads/2024/09/HD_transparent_picture.png","id":62,"overlayColor":"primary","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"px","className":"tw-link-no-underline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"1em"},"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"0","padding":{"right":"var:preset|spacing|medium","left":"var:preset|spacing|medium","top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"fontSize":"large","layout":{"type":"constrained","contentSize":""},"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;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></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: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-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">Learn More</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div></div>
    <!-- /wp:cover --></div></div>
    <!-- /wp:cover --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->