stack-contact.php 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <?php declare( strict_types = 1 ); ?>
  2. <?php
  3. /**
  4. * Title: Stack Contact
  5. * Slug: fotograma/stack-contact
  6. * Categories: featured
  7. */
  8. ?>
  9. <!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"position":{"type":"sticky","top":"0px"}},"backgroundColor":"base","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  10. <div class="wp-block-group has-base-background-color has-background" style="min-height:100vh;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
  11. <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"top":{"color":"var:preset|color|contrast","width":"1px"},"bottom":{"color":"var:preset|color|contrast","width":"1px"}},"layout":{"selfStretch":"fit","flexSize":null}}} -->
  12. <div class="wp-block-columns" style="border-top-color:var(--wp--preset--color--contrast);border-top-width:1px;border-bottom-color:var(--wp--preset--color--contrast);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  13. <!-- wp:column {"width":"25%","style":{"spacing":{"blockGap":"0"}}} -->
  14. <div class="wp-block-column" style="flex-basis:25%">
  15. <!-- wp:pattern {"slug":"fotograma/header"} /-->
  16. </div>
  17. <!-- /wp:column -->
  18. <!-- wp:column {"width":"25%"} -->
  19. <div class="wp-block-column" style="flex-basis:25%"></div>
  20. <!-- /wp:column -->
  21. <!-- wp:column {"width":"25%","style":{"spacing":{"blockGap":"0px"}}} -->
  22. <div class="wp-block-column" style="flex-basis:25%">
  23. <!-- wp:paragraph {"fontSize":"small"} -->
  24. <p class="has-small-font-size"><?php echo esc_html__( 'Contact', 'fotograma' ); ?></p>
  25. <!-- /wp:paragraph -->
  26. </div>
  27. <!-- /wp:column -->
  28. <!-- wp:column {"width":"25%","style":{"spacing":{"blockGap":"0px"}}} -->
  29. <div class="wp-block-column" style="flex-basis:25%"></div>
  30. <!-- /wp:column -->
  31. </div>
  32. <!-- /wp:columns -->
  33. <!-- wp:group {"style":{"spacing":{"blockGap":"0"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"wrap","verticalAlignment":"space-between"}} -->
  34. <div class="wp-block-group">
  35. <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
  36. <div class="wp-block-group">
  37. <!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.9","letterSpacing":"-0.02em"}},"fontSize":"huge"} -->
  38. <p class="has-huge-font-size no-underline" style="letter-spacing:-0.02em;line-height:0.9"><a href="#"><?php echo esc_html__( 'Email', 'fotograma' ); ?></a></p>
  39. <!-- /wp:paragraph -->
  40. <!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.9","letterSpacing":"-0.02em"}},"fontSize":"huge"} -->
  41. <p class="has-huge-font-size no-underline" style="letter-spacing:-0.02em;line-height:0.9"><a href="#"><?php echo esc_html__( 'Tumblr', 'fotograma' ); ?></a></p>
  42. <!-- /wp:paragraph -->
  43. <!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.9","letterSpacing":"-0.02em"}},"fontSize":"huge"} -->
  44. <p class="has-huge-font-size no-underline" style="letter-spacing:-0.02em;line-height:0.9"><a href="#"><?php echo esc_html__( 'Instagram', 'fotograma' ); ?></a></p>
  45. <!-- /wp:paragraph -->
  46. </div>
  47. <!-- /wp:group -->
  48. <!-- wp:pattern {"slug":"fotograma/footer-home"} /-->
  49. </div>
  50. <!-- /wp:group -->
  51. </div>
  52. <!-- /wp:group -->