header.php 4.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <?php
  2. /**
  3. * Title: Header
  4. * Slug: cookbook/header
  5. * Categories: hidden
  6. * Inserter: no
  7. */
  8. ?>
  9. <!-- wp:group {"metadata":{"categories":["hidden"]},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|40"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"secondary","textColor":"base","layout":{"type":"constrained"}} -->
  10. <div class="wp-block-group has-base-color has-secondary-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"align":"wide","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
  11. <div class="wp-block-columns alignwide are-vertically-aligned-center is-not-stacked-on-mobile"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
  12. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","verticalAlignment":"stretch"}} -->
  13. <div class="wp-block-group"><!-- wp:site-logo {"width":32,"shouldSyncIcon":true,"style":{"color":[]}} /-->
  14. <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  15. <div class="wp-block-group"><!-- wp:site-title /--></div>
  16. <!-- /wp:group --></div>
  17. <!-- /wp:group --></div>
  18. <!-- /wp:column -->
  19. <!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
  20. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
  21. <!-- /wp:column -->
  22. <!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
  23. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:navigation {"ref":4,"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
  24. <!-- /wp:column --></div>
  25. <!-- /wp:columns -->
  26. <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"0"},"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|40"}}}} -->
  27. <div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
  28. <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|base"}}}},"textColor":"base"} -->
  29. <h1 class="wp-block-heading has-base-color has-text-color has-link-color"><?php echo esc_html__( 'In Pursuit of the Flavor', 'cookbook' ); ?></h1>
  30. <!-- /wp:heading --></div>
  31. <!-- /wp:column -->
  32. <!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
  33. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
  34. <!-- /wp:column -->
  35. <!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
  36. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:paragraph {"fontSize":"small"} -->
  37. <p class="has-small-font-size"><?php echo esc_html__( 'With this theme, you will always have ideas for mealtime. Be ready to learn, share, and delight the dear people around you. Shall we start?', 'cookbook' ); ?></p>
  38. <!-- /wp:paragraph --></div>
  39. <!-- /wp:column --></div>
  40. <!-- /wp:columns -->
  41. <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
  42. <div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0"><!-- wp:image {"id":516,"sizeSlug":"full","linkDestination":"none"} -->
  43. <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/cookbook_img-1.png" alt="" class="wp-image-516"/></figure>
  44. <!-- /wp:image -->
  45. <!-- wp:image {"id":517,"sizeSlug":"full","linkDestination":"none"} -->
  46. <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/cookbook_img-2.png" alt="" class="wp-image-517"/></figure>
  47. <!-- /wp:image -->
  48. <!-- wp:image {"id":518,"sizeSlug":"full","linkDestination":"none"} -->
  49. <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/cookbook_img-3.png" alt="" class="wp-image-518"/></figure>
  50. <!-- /wp:image -->
  51. <!-- wp:image {"id":519,"sizeSlug":"full","linkDestination":"none"} -->
  52. <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/cookbook_img-4.png" alt="" class="wp-image-519"/></figure>
  53. <!-- /wp:image --></div>
  54. <!-- /wp:group --></div>
  55. <!-- /wp:group -->