Skip to content

Commit

Permalink
Add "Left-aligned image, text on the right" pattern
Browse files Browse the repository at this point in the history
Add "Left-aligned image, text on the right" pattern from woocommerce#5
  • Loading branch information
beafialho committed Feb 14, 2025
1 parent 7c2e44d commit a006e42
Showing 1 changed file with 37 additions and 0 deletions.
37 changes: 37 additions & 0 deletions woostarter/patterns/about-left-aligned-image-right-text.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<?php
/**
* Title: Left-aligned image, text on the right
* Slug: woostarter/left-aligned-image-right-text
* Categories: text, about, media
* Keywords: about, text, intro
* Description: A section with an image and a large sized paragraph.
*

?>
<!-- wp:group {"metadata":{"categories":["intro"],"name":"Left-aligned image, text on the right","patternName":"a8c/intro-two-column-with-image-and-content"},"align":"full","className":"alignfull is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":""}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":61,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/coming-soon-img.jpg" alt="A person holding a rustic, handmade ceramic mug in a cozy, dimly lit setting." class="wp-image-61" style="aspect-ratio:1;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-xx-large-font-size">At Kiri Objects, we believe that imperfection tells a story—a quiet, captivating reflection of life itself.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><a href="#">Learn more</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

0 comments on commit a006e42

Please sign in to comment.