hero-inverted.php 5.0 KB

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