[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Call to action
   4   * Slug: twentytwentythree/cta
   5   * Categories: featured
   6   * Keywords: Call to action
   7   * Block Types: core/buttons
   8   * Description: Left-aligned text with a CTA button and a separator.
   9   */
  10  ?>
  11  <!-- wp:columns {"align":"wide"} -->
  12  <div class="wp-block-columns alignwide">
  13      <!-- wp:column -->
  14      <div class="wp-block-column">
  15          <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large"} -->
  16          <p class="has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Got any book recommendations?', 'sample content for call to action', 'twentytwentythree' ); ?>
  17          </p>
  18          <!-- /wp:paragraph -->
  19  
  20          <!-- wp:buttons -->
  21          <div class="wp-block-buttons">
  22              <!-- wp:button {"fontSize":"small"} -->
  23              <div class="wp-block-button has-custom-font-size has-small-font-size">
  24                  <a class="wp-block-button__link wp-element-button">
  25                  <?php echo esc_html_x( 'Get In Touch', 'sample content for call to action button', 'twentytwentythree' ); ?>
  26                  </a>
  27              </div>
  28              <!-- /wp:button -->
  29          </div>
  30          <!-- /wp:buttons -->
  31      </div>
  32      <!-- /wp:column -->
  33  
  34      <!-- wp:column -->
  35      <div class="wp-block-column">
  36          <!-- wp:separator {"className":"is-style-wide"} -->
  37          <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
  38          <!-- /wp:separator -->
  39      </div>
  40      <!-- /wp:column -->
  41  </div>
  42  <!-- /wp:columns -->