[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Services, team photos
   4   * Slug: twentytwentyfive/services-team-photos
   5   * Categories: banner, call-to-action, featured
   6   * Description: Display team photos in a services section with grid layout.
   7   *
   8   * @package WordPress
   9   * @subpackage Twenty_Twenty_Five
  10   * @since Twenty Twenty-Five 1.0
  11   */
  12  
  13  ?>
  14  <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  15  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
  16      <!-- wp:columns {"align":"wide"} -->
  17      <div class="wp-block-columns alignwide">
  18          <!-- wp:column -->
  19          <div class="wp-block-column">
  20              <!-- wp:heading -->
  21              <h2 class="wp-block-heading"><?php esc_html_e( 'Our small team is a group of driven, detail-oriented people who are passionate about their customers.', 'twentytwentyfive' ); ?></h2>
  22              <!-- /wp:heading -->
  23          </div>
  24          <!-- /wp:column -->
  25  
  26          <!-- wp:column -->
  27          <div class="wp-block-column">
  28              <!-- wp:group {"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":null}} -->
  29              <div class="wp-block-group">
  30                  <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full"} -->
  31                  <figure class="wp-block-image size-full">
  32                      <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/woman-splashing-water.webp" alt="<?php esc_attr_e( 'Woman on beach, splashing water.', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/>
  33                  </figure>
  34                  <!-- /wp:image -->
  35  
  36                  <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full"} -->
  37                  <figure class="wp-block-image size-full">
  38                      <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/nurse.webp" alt="<?php esc_attr_e( 'Portrait of a nurse', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/>
  39                  </figure>
  40                  <!-- /wp:image -->
  41  
  42                  <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full"} -->
  43                  <figure class="wp-block-image size-full">
  44                      <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/typewriter.webp" alt="<?php esc_attr_e( 'Picture of a person typing on a typewriter.', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/>
  45                  </figure>
  46                  <!-- /wp:image -->
  47  
  48                  <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full"} -->
  49                  <figure class="wp-block-image size-full">
  50                      <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/man-in-hat.webp" alt="<?php esc_attr_e( 'Man in hat, standing in front of a building.', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/>
  51                  </figure>
  52                  <!-- /wp:image -->
  53              </div>
  54              <!-- /wp:group -->
  55          </div>
  56          <!-- /wp:column -->
  57      </div>
  58      <!-- /wp:columns -->
  59  </div>
  60  <!-- /wp:group -->