link-in-bio-columns-dark.php 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <?php
  2. /**
  3. * Title: Link in Bio with column layout and dark background
  4. * Slug: lynx/link-in-bio-columns-dark
  5. * Inserter: yes
  6. * Categories: featured, link-in-bio
  7. */
  8. ?>
  9. <!-- wp:cover {"overlayColor":"black","minHeight":100,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"10vh","right":"5vw","bottom":"10vh","left":"5vw"}}}} -->
  10. <div class="wp-block-cover alignfull" style="padding-top:10vh;padding-right:5vw;padding-bottom:10vh;padding-left:5vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":"40%"}}} -->
  11. <div class="wp-block-columns"><!-- wp:column {"width":"360px","layout":{"inherit":true}} -->
  12. <div class="wp-block-column" style="flex-basis:360px"><!-- wp:site-tagline {"style":{"color":{"text":"#ffffff99"}},"fontSize":"small"} /-->
  13. <!-- wp:spacer {"height":"5vh"} -->
  14. <div style="height:5vh" aria-hidden="true" class="wp-block-spacer"></div>
  15. <!-- /wp:spacer --></div>
  16. <!-- /wp:column -->
  17. <!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"0px"}}} -->
  18. <div class="wp-block-column" style="flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  19. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Instagram.', 'lynx' ); ?></a></p>
  20. <!-- /wp:paragraph -->
  21. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  22. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Twitter.', 'lynx' ); ?></a></p>
  23. <!-- /wp:paragraph -->
  24. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  25. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'LinkedIn.', 'lynx' ); ?></a></p>
  26. <!-- /wp:paragraph -->
  27. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  28. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Email.', 'lynx' ); ?></a></p>
  29. <!-- /wp:paragraph -->
  30. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  31. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Dribbble.', 'lynx' ); ?></a></p>
  32. <!-- /wp:paragraph -->
  33. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  34. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Soundcloud.', 'lynx' ); ?></a></p>
  35. <!-- /wp:paragraph -->
  36. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
  37. <p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Website.', 'lynx' ); ?></a></p>
  38. <!-- /wp:paragraph --></div>
  39. <!-- /wp:column --></div>
  40. <!-- /wp:columns --></div></div>
  41. <!-- /wp:cover -->