themes-wordpress/lynx/patterns/link-in-bio-left-aligned-columns.php

<?php
/**
 * Title: Link in Bio with left-aligned content
 * Slug: lynx/link-in-bio-left-aligned-columns
 * Inserter: yes
 * Categories: featured, link-in-bio
 */
?>

<!-- wp:cover {"customOverlayColor":"#f9d949","minHeight":100,"minHeightUnit":"vh","contentPosition":"top left","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"7vw","right":"7vw","bottom":"7vw","left":"7vw"}}}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-left" style="padding-top:7vw;padding-right:7vw;padding-bottom:7vw;padding-left:7vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#f9d949"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"contentSize":"540px","type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"},"style":{"elements":{"link":{"color":{"text":"#00000099"}}}}} -->
<div class="wp-block-group has-link-color"><!-- wp:site-logo /-->

<!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"3.5vh"}}},"fontSize":"xx-large","fontFamily":"bodoni-moda"} /-->

<!-- wp:site-tagline {"style":{"typography":{"fontSize":"1.125rem"},"spacing":{"margin":{"top":"3.5vh"}}},"fontFamily":"merriweather"} /-->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"32px"}}}} -->
<div class="wp-block-columns" style="margin-top:32px"><!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><strong><?php echo  esc_html__( 'Find me', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Instagram', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Blog', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Tumblr', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><strong><?php echo  esc_html__( 'Contact Me', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Email', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'LinkedIn', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Twitter', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><strong><?php echo  esc_html__( 'Projects', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Portfolio', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo  esc_html__( 'Testimonials', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->