[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Services, 3 columns
   4   * Slug: twentytwentyfive/services-3-col
   5   * Categories: call-to-action, banner, services
   6   * Description: Three columns with images and text to showcase services.
   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|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
  15  <div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  16      <!-- wp:heading {"align":"wide"} -->
  17      <h2 class="wp-block-heading alignwide"><?php esc_html_e( 'Our services', 'twentytwentyfive' ); ?></h2>
  18      <!-- /wp:heading -->
  19  
  20      <!-- wp:columns {"align":"wide"} -->
  21      <div class="wp-block-columns alignwide">
  22          <!-- wp:column -->
  23          <div class="wp-block-column">
  24  
  25              <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","style":{"spacing":{"margin":{"bottom":"24px"}}}} -->
  26              <figure class="wp-block-image size-full" style="margin-bottom:24px">
  27                  <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/campanula-alliariifolia-flower.webp" alt="<?php esc_attr_e( 'Image for service', 'twentytwentyfive' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/>
  28              </figure>
  29              <!-- /wp:image -->
  30  
  31              <!-- wp:heading {"level":3} -->
  32              <h3 class="wp-block-heading"><?php esc_html_e( 'Collect', 'twentytwentyfive' ); ?></h3>
  33              <!-- /wp:heading -->
  34  
  35              <!-- wp:paragraph {"fontSize":"medium"} -->
  36              <p class="has-medium-font-size"><?php esc_html_e( 'Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience', 'twentytwentyfive' ); ?></p>
  37              <!-- /wp:paragraph -->
  38          </div>
  39          <!-- /wp:column -->
  40  
  41          <!-- wp:column -->
  42          <div class="wp-block-column">
  43              <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","style":{"spacing":{"margin":{"bottom":"24px"}}}} -->
  44              <figure class="wp-block-image size-full" style="margin-bottom:24px">
  45                  <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/delphinium-flowers.webp" alt="<?php esc_attr_e( 'Image for service', 'twentytwentyfive' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/>
  46              </figure>
  47              <!-- /wp:image -->
  48  
  49              <!-- wp:heading {"level":3} -->
  50              <h3 class="wp-block-heading"><?php esc_html_e( 'Assemble', 'twentytwentyfive' ); ?></h3>
  51              <!-- /wp:heading -->
  52  
  53              <!-- wp:paragraph {"fontSize":"medium"} -->
  54              <p class="has-medium-font-size"><?php esc_html_e( 'Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience', 'twentytwentyfive' ); ?></p>
  55              <!-- /wp:paragraph -->
  56          </div>
  57          <!-- /wp:column -->
  58  
  59          <!-- wp:column -->
  60          <div class="wp-block-column">
  61              <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","style":{"spacing":{"margin":{"bottom":"24px"}}}} -->
  62              <figure class="wp-block-image size-full" style="margin-bottom:24px">
  63                  <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/star-thristle-flower.webp" alt="<?php esc_attr_e( 'Image for service', 'twentytwentyfive' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/>
  64              </figure>
  65              <!-- /wp:image -->
  66  
  67              <!-- wp:heading {"level":3} -->
  68              <h3 class="wp-block-heading"><?php esc_html_e( 'Deliver', 'twentytwentyfive' ); ?></h3>
  69              <!-- /wp:heading -->
  70  
  71              <!-- wp:paragraph {"fontSize":"medium"} -->
  72              <p class="has-medium-font-size"><?php esc_html_e( 'Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience', 'twentytwentyfive' ); ?></p>
  73              <!-- /wp:paragraph -->
  74          </div>
  75          <!-- /wp:column -->
  76      </div>
  77      <!-- /wp:columns -->
  78  </div>
  79  <!-- /wp:group -->