[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Cover with big heading
   4   * Slug: twentytwentyfive/banner-cover-big-heading
   5   * Categories: banner, about, featured
   6   * Description: A full-width cover section with a large background image and an oversized heading.
   7   *
   8   * @package WordPress
   9   * @subpackage Twenty_Twenty_Five
  10   * @since Twenty Twenty-Five 1.0
  11   */
  12  
  13  ?>
  14  <!-- wp:group {"align":"full","className":"is-style-section-3","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
  15  <div class="wp-block-group alignfull is-style-section-3" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  16      <!-- wp:group {"align":"wide","style":{"spacing":{}},"layout":{"type":"constrained"}} -->
  17      <div class="wp-block-group alignwide">
  18          <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"wide"} -->
  19          <figure class="wp-block-image alignwide size-full">
  20              <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/coming-soon-bg-image.webp" alt="<?php esc_attr_e( 'Photo of a field full of flowers, a blue sky and a tree.', 'twentytwentyfive' ); ?>"/>
  21          </figure>
  22          <!-- /wp:image -->
  23  
  24          <!-- wp:group {"align":"full","layout":{"type":"default"}} -->
  25          <div class="wp-block-group alignfull">
  26              <!-- wp:heading {"align":"left","style":{"typography":{"fontSize":"clamp(1rem, 380px, 24vw)","letterSpacing":"-0.02em","lineHeight":"1","fontWeight":"700","fontStyle":"normal"}}} -->
  27              <h2 class="wp-block-heading has-text-align-left" style="font-size:clamp(1rem, 380px, 24vw);font-style:normal;font-weight:700;letter-spacing:-0.02em;line-height:1"><?php echo esc_html_e( 'Stories', 'twentytwentyfive' ); ?></h2>
  28              <!-- /wp:heading -->
  29  
  30          </div>
  31          <!-- /wp:group -->
  32      </div>
  33      <!-- /wp:group -->
  34  </div>
  35  <!-- /wp:group -->