<?php
/**
 * Title: Banner
 * Slug: skating-routines/banner
 * Categories: skating-routines, banner
 */
?>

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-top:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"className":"bannerimage","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"0"}}}} -->
<div class="wp-block-columns bannerimage"><!-- wp:column {"width":"20%","className":"banner-left-cover"} -->
<div class="wp-block-column banner-left-cover" style="flex-basis:20%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/bannerleft.png'); ?>","id":1891,"dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.5},"minHeight":700,"isDark":false,"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1891" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/bannerleft.png'); ?>" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/banner.png'); ?>","id":1876,"dimRatio":0,"focalPoint":{"x":0.11,"y":0.5},"minHeight":700,"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignwide" style="min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1876" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/banner.png'); ?>" style="object-position:11% 50%" data-object-fit="cover" data-object-position="11% 50%"/><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%","className":"banner-left"} -->
<div class="wp-block-column banner-left" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"70%","className":"banner-center wow zoomIn"} -->
<div class="wp-block-column banner-center wow zoomIn" style="flex-basis:70%"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"18px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontFamily":"poppins"} -->
<h4 class="wp-block-heading has-white-color has-text-color has-link-color has-poppins-font-family" style="font-size:18px;font-style:normal;font-weight:400"><?php esc_html_e('Welcome To Skatehouse','skating-routines'); ?></h4>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontSize":"45px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-link-color" style="font-size:45px;font-style:normal;font-weight:700"><?php esc_html_e('Choose Your Skate Board','skating-routines'); ?><br><?php esc_html_e("That You've Never Had",'skating-routines'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-excerpt","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"14px"}},"textColor":"white"} -->
<p class="banner-excerpt has-white-color has-text-color has-link-color" style="font-size:14px"><?php esc_html_e('It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.','skating-routines'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"white","style":{"border":{"radius":"6px"},"typography":{"fontSize":"12px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:12px;font-style:normal;font-weight:500"><a class="wp-block-button__link has-white-color has-primary-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:6px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php esc_html_e('Register Now','skating-routines'); ?><i class="fas fa-arrow-right"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"10%","className":"banner-right"} -->
<div class="wp-block-column banner-right" style="flex-basis:10%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"20%","className":"banner-right-cover"} -->
<div class="wp-block-column banner-right-cover" style="flex-basis:20%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/bannerright.png'); ?>","id":1892,"dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.52,"y":0.68},"minHeight":700,"minHeightUnit":"px","isDark":false,"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1892" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/bannerright.png'); ?>" style="object-position:52% 68%" data-object-fit="cover" data-object-position="52% 68%"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->