[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Footer with columns
   4   * Slug: twentytwentyfive/footer-columns
   5   * Categories: footer
   6   * Block Types: core/template-part/footer
   7   * Description: Footer columns with title, tagline and links.
   8   *
   9   * @package WordPress
  10   * @subpackage Twenty_Twenty_Five
  11   * @since Twenty Twenty-Five 1.0
  12   */
  13  
  14  ?>
  15  <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
  16  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  17      <!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
  18      <div class="wp-block-group alignwide">
  19          <!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
  20          <div class="wp-block-group alignfull">
  21              <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
  22              <div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
  23                  <!-- wp:site-title {"level":2,"fontSize":"xx-large"} /-->
  24                  <!-- wp:site-tagline /-->
  25              </div>
  26              <!-- /wp:group -->
  27  
  28              <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
  29              <div class="wp-block-group">
  30                  <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
  31                  <div class="wp-block-group" style="padding-right:0;padding-left:0">
  32                      <!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
  33                      <h3 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Stories', 'twentytwentyfive' ); ?></h3>
  34                      <!-- /wp:heading -->
  35                      <!-- wp:navigation {"overlayMenu":"never","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"medium","layout":{"type":"flex","orientation":"vertical"},"ariaLabel":"<?php esc_attr_e( 'Stories', 'twentytwentyfive' ); ?>"} -->
  36                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Blog', 'twentytwentyfive' ); ?>","url":"#"} /-->
  37                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'About', 'twentytwentyfive' ); ?>","url":"#"} /-->
  38                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'FAQs', 'twentytwentyfive' ); ?>","url":"#"} /-->
  39                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Authors', 'twentytwentyfive' ); ?>","url":"#"} /-->
  40                      <!-- /wp:navigation -->
  41                  </div>
  42                  <!-- /wp:group -->
  43                  <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
  44                  <div class="wp-block-group" style="padding-right:0;padding-left:0">
  45                      <!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
  46                      <h3 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html_x( 'Fleurs', 'Example brand name.', 'twentytwentyfive' ); ?></h3>
  47                      <!-- /wp:heading -->
  48                      <!-- wp:navigation {"overlayMenu":"never","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"medium","layout":{"type":"flex","orientation":"vertical"},"ariaLabel":"<?php esc_attr_e( 'Featured', 'twentytwentyfive' ); ?>"} -->
  49                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Events', 'twentytwentyfive' ); ?>","url":"#"} /-->
  50                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Shop', 'twentytwentyfive' ); ?>","url":"#"} /-->
  51                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Patterns', 'twentytwentyfive' ); ?>","url":"#"} /-->
  52                          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Themes', 'twentytwentyfive' ); ?>","url":"#"} /-->
  53                      <!-- /wp:navigation -->
  54                  </div>
  55                  <!-- /wp:group -->
  56              </div>
  57              <!-- /wp:group -->
  58          </div>
  59          <!-- /wp:group -->
  60          <!-- wp:spacer {"height":"var:preset|spacing|60"} -->
  61          <div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
  62          <!-- /wp:spacer -->
  63          <!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  64          <div class="wp-block-group alignfull">
  65              <!-- wp:paragraph {"fontSize":"small"} -->
  66              <p class="has-small-font-size"><?php esc_html_e( 'Twenty Twenty-Five', 'twentytwentyfive' ); ?></p>
  67              <!-- /wp:paragraph -->
  68              <!-- wp:paragraph {"fontSize":"small"} -->
  69              <p class="has-small-font-size">
  70              <?php
  71              printf(
  72                  /* Translators: Designed with WordPress. %s: WordPress link. */
  73                  esc_html__( 'Designed with %s', 'twentytwentyfive' ),
  74                  '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfive' ) ) . '" rel="nofollow">WordPress</a>'
  75              );
  76              ?>
  77              </p>
  78              <!-- /wp:paragraph -->
  79          </div>
  80          <!-- /wp:group -->
  81      </div>
  82      <!-- /wp:group -->
  83  </div>
  84  <!-- /wp:group -->