Sección para llamada de acción con imagen

Yo ❤️ WordPress y el ediotor de bloques

Me gustan las webs ligeras, fluidas y simples. Por este motivo, desarrollo páginas web con el editor de bloques. Con esta herramienta, consigo código limpio con un consumo reducido de recursos y que es perfecto para cargar en móviles.

Mi objetivo es hacer páginas web funcionales y más sostenibles 🚀

Contacta conmigo

Código del patrón

<!-- 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">Yo ❤️ WordPress y el ediotor de bloques</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Me gustan las webs ligeras, fluidas y simples. Por este motivo, desarrollo páginas web con el editor de bloques. Con esta herramienta, consigo código limpio con un consumo reducido de recursos y que es perfecto para cargar en móviles. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color"><strong>Mi objetivo es hacer páginas web funcionales y más sostenibles</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">Contacta conmigo</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->