<?php
/**
 * Title: Hero Banner
 * Slug: demolition-contractor/hero-banner
 */
$get_url = trailingslashit(get_template_directory_uri());
$demolition_contractor_hero_image_1 = $get_url . 'assets/images/banner_1.png';
$demolition_contractor_hero_image_2 = $get_url . 'assets/images/banner_2.png';
$demolition_contractor_hero_image_3 = $get_url . 'assets/images/banner_3.png';
?>

<!-- wp:cover {"url":"<?php echo esc_url($demolition_contractor_hero_image_1); ?>","id":149,"dimRatio":50,"isUserOverlayColor":true,"minHeight":600,"sizeSlug":"large","className":"slide-cover","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-cover" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:600px"><img class="wp-block-cover__image-background wp-image-149 size-large" alt="" src="<?php echo esc_url($demolition_contractor_hero_image_1); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:paragraph {"align":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"border":{"radius":"30px"},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"12px","right":"12px"}}},"backgroundColor":"primary","textColor":"background","fontSize":"medium","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-background-color has-primary-background-color has-text-color has-background has-link-color has-inter-font-family has-medium-font-size" style="border-radius:30px;padding-top:2px;padding-right:12px;padding-bottom:2px;padding-left:12px"><?php esc_html_e('Welcome To Demolition Contractor', 'demolition-contractor'); ?></p>

<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-background-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('From Small Structures To Large Industrial Projects We Handle It All', 'demolition-contractor'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-background-color has-text-color has-link-color has-inter-font-family"><?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.', 'demolition-contractor'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="padding-top:0;padding-bottom:0"><!-- wp:button {"textAlign":"center","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-inter-font-family has-text-align-center wp-element-button" style="padding-top:6px;padding-bottom:6px"><?php esc_html_e('Our Services', 'demolition-contractor'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

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

<!-- wp:cover {"url":"<?php echo esc_url($demolition_contractor_hero_image_2); ?>","id":149,"dimRatio":50,"isUserOverlayColor":true,"minHeight":600,"sizeSlug":"large","className":"slide-cover","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-cover" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:600px"><img class="wp-block-cover__image-background wp-image-149 size-large" alt="" src="<?php echo esc_url($demolition_contractor_hero_image_2); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:paragraph {"align":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"border":{"radius":"30px"},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"12px","right":"12px"}}},"backgroundColor":"primary","textColor":"background","fontSize":"medium","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-background-color has-primary-background-color has-text-color has-background has-link-color has-inter-font-family has-medium-font-size" style="border-radius:30px;padding-top:2px;padding-right:12px;padding-bottom:2px;padding-left:12px"><?php esc_html_e('Welcome To Demolition Contractor', 'demolition-contractor'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-background-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('From Small Structures To Large Industrial Projects We Handle It All', 'demolition-contractor'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-background-color has-text-color has-link-color has-inter-font-family"><?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.', 'demolition-contractor'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="padding-top:0;padding-bottom:0"><!-- wp:button {"textAlign":"center","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-inter-font-family has-text-align-center wp-element-button" style="padding-top:6px;padding-bottom:6px"><?php esc_html_e('Our Services', 'demolition-contractor'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

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

<!-- wp:cover {"url":"<?php echo esc_url($demolition_contractor_hero_image_3); ?>","id":149,"dimRatio":50,"isUserOverlayColor":true,"minHeight":600,"sizeSlug":"large","className":"slide-cover","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-cover" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:600px"><img class="wp-block-cover__image-background wp-image-149 size-large" alt="" src="<?php echo esc_url($demolition_contractor_hero_image_3); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:paragraph {"align":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"border":{"radius":"30px"},"spacing":{"padding":{"top":"2px","bottom":"2px","left":"12px","right":"12px"}}},"backgroundColor":"primary","textColor":"background","fontSize":"medium","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-background-color has-primary-background-color has-text-color has-background has-link-color has-inter-font-family has-medium-font-size" style="border-radius:30px;padding-top:2px;padding-right:12px;padding-bottom:2px;padding-left:12px"><?php esc_html_e('Welcome To Demolition Contractor', 'demolition-contractor'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-background-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('From Small Structures To Large Industrial Projects We Handle It All', 'demolition-contractor'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-background-color has-text-color has-link-color has-inter-font-family"><?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.', 'demolition-contractor'); ?></p>

<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="padding-top:0;padding-bottom:0"><!-- wp:button {"textAlign":"center","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-inter-font-family has-text-align-center wp-element-button" style="padding-top:6px;padding-bottom:6px"><?php esc_html_e('Our Services', 'demolition-contractor'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

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