front-page.php 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <?php
  2. /**
  3. * Title: front-page
  4. * Slug: bute/front-page
  5. * Categories: featured
  6. */
  7. ?>
  8. <!-- wp:group {"style":{"position":{"type":""}},"layout":{"type":"default"}} -->
  9. <div class="wp-block-group">
  10. <!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/StockSnap_D49XR0MX5L.jpg","dimRatio":0,"focalPoint":{"x":1,"y":1},"minHeight":100,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} -->
  11. <div class="wp-block-cover is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
  12. <img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/StockSnap_D49XR0MX5L.jpg" style="object-position:100% 100%" data-object-fit="cover" data-object-position="100% 100%"/>
  13. <div class="wp-block-cover__inner-container">
  14. <!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
  15. <div class="wp-block-group" style="min-height:100vh">
  16. <!-- wp:pattern {"slug":"bute/header"} /-->
  17. <!-- wp:group {"style":{"layout":{"flexSize":"88px","selfStretch":"fixed"}},"layout":{"type":"constrained","contentSize":"900px"}} -->
  18. <div class="wp-block-group">
  19. <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"lineHeight":"0.8","textTransform":"uppercase","fontStyle":"normal","fontWeight":"800"},"color":{"text":"#dcbc06"}},"fontSize":"huge"} -->
  20. <h1 class="wp-block-heading has-text-align-center has-text-color has-huge-font-size" style="color:#dcbc06;font-style:normal;font-weight:800;line-height:0.8;text-transform:uppercase"><?php echo wp_kses_post( __( 'Embark<br>on an<br>Adventure', 'bute' ) ); ?></h1>
  21. <!-- /wp:heading -->
  22. <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
  23. <p class="has-text-align-center has-link-color" style="font-style:normal;font-weight:500"><a href="#" data-type="URL" data-id="#"><?php echo esc_html__( 'Explore our insights', 'bute' ); ?></a>→ </p>
  24. <!-- /wp:paragraph -->
  25. </div>
  26. <!-- /wp:group -->
  27. <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"88px","selfStretch":"fixed"}}} -->
  28. <div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
  29. <!-- /wp:spacer -->
  30. </div>
  31. <!-- /wp:group -->
  32. </div>
  33. </div>
  34. <!-- /wp:cover -->
  35. </div>
  36. <!-- /wp:group -->