Section to call action with image

I ❤️ WordPress and The Block Editor

I like the light, fluid, and simple webs. By this motive, I develop web pages with the Block Editor. With this tool, I get a clean code, with fewer resources consumed, and it is perfect to load on mobiles.

My objective is to do web pages functional and more sustainable 🚀

Contact with me

Pattern Code

<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s1ODc4OTgxNi13aWtpbWVkaWEtaW1hZ2Uta29qcmRqM3AuanBn.jpg","dimRatio":70,"overlayColor":"black","align":"full"} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s1ODc4OTgxNi13aWtpbWVkaWEtaW1hZ2Uta29qcmRqM3AuanBn.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem","right":"1rem","left":"1rem"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:4rem;padding-right:1rem;padding-bottom:4rem;padding-left:1rem"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained","contentSize":"90%"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"style":{"border":{"radius":"1.5rem"}},"className":"soivigol-img-square"} -->
<figure class="wp-block-image has-custom-border soivigol-img-square"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxMzQ2NC1pbWFnZS1rd3Z3dGFzeS5qcGc.jpg" alt="" style="border-radius:1.5rem" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"white","fontSize":"large"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700">I ❤️ WordPress and The Block Editor</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">I like the light, fluid, and simple webs. By this motive, I develop web pages with the Block Editor. With this tool, I get a clean code, with fewer resources consumed, and it is perfect to load on mobiles. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color"><strong>My objective is to do web pages functional and more sustainable</strong>  🚀</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"white","style":{"border":{"radius":"5px","width":"3px"}},"borderColor":"luminous-vivid-amber","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-luminous-vivid-amber-background-color has-text-color has-background has-border-color has-luminous-vivid-amber-border-color wp-element-button" href="#" style="border-width:3px;border-radius:5px">Contact with me</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->