блог – Block Pattern | WordPress.org Kyrgyz

Lorem Ipsum is simply dummy

Jan 1, 2022
Lorem Ipsum is simply dummy text of the printing and typesetting industry….
Lorem Ipsum is simply dummy

Jun 5, 2022
Lorem Ipsum is simply dummy text of the printing and typesetting industry….
Lorem Ipsum is simply dummy

Jun 22, 2022
Lorem Ipsum is simply dummy text of the printing and typesetting industry….
Lorem Ipsum is simply dummy

July 23, 2022
Lorem Ipsum is simply dummy text of the printing and typesetting industry….
Pattern Code
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:paragraph -->
<p>Recent Posts</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://bootstrapmade.com/demo/templates/Impact/assets/img/blog/blog-1.jpg" alt="Blog one image" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":6,"fontSize":"medium"} -->
<h6 class="has-medium-font-size"><strong>Lorem Ipsum</strong> is simply dummy</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"}}} -->
<p style="font-size:10px">Jan 1, 2022</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry....</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://bootstrapmade.com/demo/templates/Impact/assets/img/blog/blog-2.jpg" alt="Blog two image" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":6,"fontSize":"medium"} -->
<h6 class="has-medium-font-size"><strong>Lorem Ipsum</strong> is simply dummy</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"}}} -->
<p style="font-size:10px">Jun 5, 2022</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry....</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://bootstrapmade.com/demo/templates/Impact/assets/img/blog/blog-3.jpg" alt="Blog three image" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":6,"fontSize":"medium"} -->
<h6 class="has-medium-font-size"><strong>Lorem Ipsum</strong> is simply dummy</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"}}} -->
<p style="font-size:10px">Jun 22, 2022</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry....</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://bootstrapmade.com/demo/templates/Yummy/assets/img/gallery/gallery-7.jpg" alt="Blog four image" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":6,"fontSize":"medium"} -->
<h6 class="has-medium-font-size"><strong>Lorem Ipsum</strong> is simply dummy</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"}}} -->
<p style="font-size:10px">July 23, 2022</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry....</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","style":{"border":{"radius":"30px"},"typography":{"fontSize":"10px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:10px"><a class="wp-block-button__link has-white-background-color has-background wp-element-button" style="border-radius:30px">Load More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->