Service Box

Service Name

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !
Service Name

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !
Service Name

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !
Pattern Code
<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"right":"15px","left":"15px","top":"30px","bottom":"30px"},"blockGap":"0px"},"border":{"width":"1px"}},"borderColor":"black","gradient":"blush-light-purple","layout":{"type":"default"}} -->
<div class="wp-block-column has-border-color has-black-border-color has-blush-light-purple-gradient-background has-background" style="border-width:1px;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;flex-basis:100%"><!-- wp:image {"align":"center","id":null,"width":70,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfdmVoaWNsZV9jYXJfYXV0b21vYmlsZV8xLWltYWdlLWt5YmQ1djQyLmpwZw.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover;width:70px" width="70" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"26px","textTransform":"capitalize"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:26px;text-transform:capitalize">Service Name</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"20px","left":"0px","right":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"10px"},"spacing":{"padding":{"left":"14px","right":"14px","top":"10px","bottom":"10px"}},"typography":{"fontSize":"14px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"right":"15px","left":"15px","top":"30px","bottom":"30px"},"blockGap":"0px"},"border":{"width":"1px"}},"borderColor":"black","gradient":"luminous-dusk","layout":{"type":"default"}} -->
<div class="wp-block-column has-border-color has-black-border-color has-luminous-dusk-gradient-background has-background" style="border-width:1px;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;flex-basis:100%"><!-- wp:image {"align":"center","id":null,"width":70,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfdmVoaWNsZV9jYXJfYXV0b21vYmlsZV8xLWltYWdlLWt5YmQ1djQyLmpwZw.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover;width:70px" width="70" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"26px","textTransform":"capitalize"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:26px;text-transform:capitalize">Service Name</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"20px","left":"0px","right":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"10px"},"spacing":{"padding":{"left":"14px","right":"14px","top":"10px","bottom":"10px"}},"typography":{"fontSize":"14px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"right":"15px","left":"15px","top":"30px","bottom":"30px"},"blockGap":"0px"},"border":{"width":"1px"}},"borderColor":"black","gradient":"blush-light-purple","layout":{"type":"default"}} -->
<div class="wp-block-column has-border-color has-black-border-color has-blush-light-purple-gradient-background has-background" style="border-width:1px;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;flex-basis:100%"><!-- wp:image {"align":"center","id":null,"width":70,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfdmVoaWNsZV9jYXJfYXV0b21vYmlsZV8xLWltYWdlLWt5YmQ1djQyLmpwZw.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover;width:70px" width="70" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"26px","textTransform":"capitalize"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:26px;text-transform:capitalize">Service Name</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"20px","left":"0px","right":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"10px"},"spacing":{"padding":{"left":"14px","right":"14px","top":"10px","bottom":"10px"}},"typography":{"fontSize":"14px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->