Introduction light with button image

Donec rutrum congue leo eget

Get Outstanding Controls on Your fingertips Donec rutrum congue leo eget malesuada.

Colors, Typography, Layouts & Advanced Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus.

הצג עוד

Pattern Code

<!-- wp:group {"layout":{"type":"constrained"},"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:separator {"align":"center","backgroundColor":"black"} -->
<hr class="wp-block-separator aligncenter has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"right","textColor":"cyan-bluish-gray"} -->
<p class="has-text-align-right has-cyan-bluish-gray-color has-text-color">Donec rutrum congue leo eget</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"35px"}},"textColor":"black"} -->
<h3 class="has-text-align-right has-black-color has-text-color" style="font-size:35px;font-style:normal;font-weight:400">Get Outstanding Controls on Your fingertips  Donec rutrum congue leo eget malesuada.</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right","textColor":"cyan-bluish-gray"} -->
<p class="has-text-align-right has-cyan-bluish-gray-color has-text-color">Colors, Typography, Layouts & Advanced   Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"cyan-bluish-gray","align":"right","className":"is-style-outline"} -->
<div class="wp-block-button alignright is-style-outline"><a class="wp-block-button__link has-cyan-bluish-gray-color has-text-color wp-element-button">הצג עוד</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":400,"height":514,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markuss-0909.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=7a05b4d1aa60f7752959b12b1cf2000a" alt="" width="400" height="514" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->