<?php
/**
 * Title: Places
 * Slug: gotrip/places
 * Categories: gotrip
 *
 * @package GoTrip
 * @since 1.0.0
 */

?>
<!-- wp:group {"align":"full","backgroundColor":"foreground","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-foreground-background-color has-background"><!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","level":3,"textColor":"background"} -->
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color">Popular City</h3>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/forest.jpg","id":2082,"dimRatio":30,"minHeight":300,"contentPosition":"top left","className":"trips-cover"} -->
<div class="wp-block-cover has-custom-content-position is-position-top-left trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2082" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/forest.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"textColor":"background","fontSize":"upper-heading"} -->
<p class="has-background-color has-text-color has-upper-heading-font-size">France</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","level":3,"textColor":"color-light","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-center has-color-light-color has-text-color has-content-heading-font-size">Mersellie</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color"><?php  esc_html_e( '8 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/lyon.jpg","id":2078,"dimRatio":50,"minHeight":300,"contentPosition":"top left","isDark":false,"className":"trips-cover"} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2078" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/lyon.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"textColor":"background"} -->
<p class="has-background-color has-text-color">France</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"textColor":"background","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-left has-background-color has-text-color has-content-heading-font-size">Lyon</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color"><?php  esc_html_e( ' 5 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.jpg","id":2057,"dimRatio":30,"minHeight":300,"contentPosition":"top left","isDark":false,"className":"trips-cover"} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2057" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"textColor":"background"} -->
<p class="has-background-color has-text-color">France</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"textColor":"background","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-left has-background-color has-text-color has-content-heading-font-size">Paris</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color"><?php  esc_html_e( '10 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/water.jpg","id":2081,"dimRatio":30,"minHeight":300,"contentPosition":"top left","isDark":false,"className":"trips-cover"} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2081" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/water.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"textColor":"background"} -->
<p class="has-background-color has-text-color">France</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"left","level":3,"textColor":"background","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-left has-background-color has-text-color has-content-heading-font-size"><?php  esc_html_e( 'Nice', 'gotrip' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color"><?php  esc_html_e( '6 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->