hero.php 5.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <?php
  2. /**
  3. * Title: hero
  4. * Slug: cortado/hero
  5. * Categories: hidden
  6. * Inserter: no
  7. */
  8. ?>
  9. <!-- wp:group {"style":{"spacing":{"padding":{"bottom":"0px","top":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"type":"constrained"}} -->
  10. <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"type":"constrained"}} -->
  11. <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"40px","left":"40px"}}}} -->
  12. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
  13. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":1} -->
  14. <h1 class="wp-block-heading"><?php echo esc_html__( 'Delicious', 'cortado' ); ?><br><?php echo esc_html__( 'food & coffee', 'cortado' ); ?><br><?php echo esc_html__( 'plus a vibrant', 'cortado' ); ?><br><?php echo esc_html__( 'community', 'cortado' ); ?></h1>
  15. <!-- /wp:heading --></div>
  16. <!-- /wp:column -->
  17. <!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
  18. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"id":420,"height":620,"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
  19. <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/foodiesfeed.com_coffee-beans-falling_web.jpg" alt="" class="wp-image-420" style="aspect-ratio:3/4;object-fit:cover;height:620px" height="620"/></figure>
  20. <!-- /wp:image --></div>
  21. <!-- /wp:column --></div>
  22. <!-- /wp:columns -->
  23. <!-- wp:spacer {"height":"2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
  24. <div style="margin-top:0px;margin-bottom:0px;height:2rem" aria-hidden="true" class="wp-block-spacer"></div>
  25. <!-- /wp:spacer -->
  26. <!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"40px","left":"40px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  27. <div class="wp-block-columns are-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  28. <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:buttons -->
  29. <div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.1rem"},"border":{"radius":"2px"}}} -->
  30. <div class="wp-block-button" style="letter-spacing:0.1rem;text-transform:uppercase"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/' ) ); ?>" style="border-radius:2px"><?php echo esc_html__( 'Order online', 'cortado' ); ?></a></div>
  31. <!-- /wp:button --></div>
  32. <!-- /wp:buttons --></div>
  33. <!-- /wp:column -->
  34. <!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  35. <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"20px","left":"20px"}}}} -->
  36. <div class="wp-block-columns" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  37. <div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph -->
  38. <p><?php echo esc_html__( 'Everyday 7am - 6pm', 'cortado' ); ?><br><?php echo esc_html__( '617 000 0000', 'cortado' ); ?></p>
  39. <!-- /wp:paragraph --></div>
  40. <!-- /wp:column -->
  41. <!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  42. <div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph -->
  43. <p><?php echo esc_html__( '11 Bower St', 'cortado' ); ?><br><?php echo esc_html__( 'Somerville, MA', 'cortado' ); ?></p>
  44. <!-- /wp:paragraph --></div>
  45. <!-- /wp:column --></div>
  46. <!-- /wp:columns --></div>
  47. <!-- /wp:column --></div>
  48. <!-- /wp:columns -->
  49. <!-- wp:spacer {"height":"8rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
  50. <div style="margin-top:0px;margin-bottom:0px;height:8rem" aria-hidden="true" class="wp-block-spacer"></div>
  51. <!-- /wp:spacer --></div>
  52. <!-- /wp:group --></div>
  53. <!-- /wp:group -->