link-in-bio-large-heading-columns.php 5.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <?php
  2. /**
  3. * Title: Link in Bio with large heading and column layout
  4. * Slug: lynx/link-in-bio-large-heading-columns
  5. * Inserter: yes
  6. * Categories: featured, link-in-bio
  7. */
  8. ?>
  9. <!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/topology_bg.jpg'; ?>","hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
  10. <div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/topology_bg.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"940px","type":"constrained"}} -->
  11. <div class="wp-block-group"><!-- wp:columns -->
  12. <div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
  13. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:site-title {"isLink":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"300","lineHeight":"0.9"}},"textColor":"white","fontSize":"xxx-large"} /--></div>
  14. <!-- /wp:column --></div>
  15. <!-- /wp:columns -->
  16. <!-- wp:columns {"style":{"spacing":{"blockGap":"10%"}}} -->
  17. <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","width":"40%"} -->
  18. <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:40%"><!-- wp:site-tagline {"style":{"typography":{"fontSize":"1.125rem"}},"textColor":"white"} /-->
  19. <!-- wp:social-links {"customIconColor":"#ff615e","iconColorValue":"#ff615e","iconBackgroundColor":"background","iconBackgroundColorValue":"#ffffff"} -->
  20. <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
  21. <!-- wp:social-link {"url":"#","service":"instagram"} /-->
  22. <!-- wp:social-link {"url":"#","service":"tiktok"} /-->
  23. <!-- wp:social-link {"url":"#","service":"twitter"} /-->
  24. <!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
  25. <!-- /wp:social-links -->
  26. <!-- wp:spacer {"height":"5vh"} -->
  27. <div style="height:5vh" aria-hidden="true" class="wp-block-spacer"></div>
  28. <!-- /wp:spacer --></div>
  29. <!-- /wp:column -->
  30. <!-- wp:column {"width":"40%"} -->
  31. <div class="wp-block-column" style="flex-basis:40%"><!-- wp:buttons {"style":{"spacing":{"blockGap":"10px","margin":{"top":"18px","bottom":"18px"}}}} -->
  32. <div class="wp-block-buttons" style="margin-top:18px;margin-bottom:18px"><!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
  33. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'My Blog', 'lynx' ); ?></strong></a></div>
  34. <!-- /wp:button -->
  35. <!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
  36. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'My Store', 'lynx' ); ?></strong></a></div>
  37. <!-- /wp:button -->
  38. <!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
  39. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'Happy News', 'lynx' ); ?></strong></a></div>
  40. <!-- /wp:button -->
  41. <!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
  42. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'Inspiration', 'lynx' ); ?></strong></a></div>
  43. <!-- /wp:button -->
  44. <!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
  45. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'Email Me', 'lynx' ); ?></strong></a></div>
  46. <!-- /wp:button --></div>
  47. <!-- /wp:buttons --></div>
  48. <!-- /wp:column --></div>
  49. <!-- /wp:columns --></div>
  50. <!-- /wp:group --></div></div>
  51. <!-- /wp:cover -->