<?php
/**
 * Title: Banner
 * Slug: web-designer-portfolio/banner
 * Categories: web-designer-portfolio, banner
 */
?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"overlayColor":"section-bg","isUserOverlayColor":true,"minHeight":650,"minHeightUnit":"px","isDark":false,"sizeSlug":"large","align":"wide","className":"banner-image-cover","style":{"spacing":{"padding":{"right":"0px","left":"0px","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"75%"}} -->
<div class="wp-block-cover alignwide is-light banner-image-cover" style="padding-right:0px;padding-bottom:0;padding-left:0px;min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-section-bg-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","className":"wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-center wow zoomIn"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"70px","fontStyle":"normal","fontWeight":"800","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|heading"}}}},"textColor":"heading"} -->
<h1 class="wp-block-heading has-heading-color has-text-color has-link-color" style="font-size:70px;font-style:normal;font-weight:800;text-transform:capitalize"><span><?php esc_html_e("Hi!",'web-designer-portfolio'); ?></span><?php esc_html_e(" I'm",'web-designer-portfolio'); ?><br><?php esc_html_e('a designer','web-designer-portfolio'); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|second-text-color"}}},"typography":{"fontSize":"20px","lineHeight":"1.7"}},"textColor":"second-text-color"} -->
<p class="banner-text has-second-text-color-color has-text-color has-link-color" style="font-size:20px;line-height:1.7"><?php esc_html_e('Ready to work on the next big project for your business','web-designer-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-custom-font-size wp-element-button" style="font-size:14px;font-style:normal;font-weight:600;text-transform:capitalize"><?php esc_html_e('get in touch ','web-designer-portfolio'); ?><i class="fas fa-chevron-right"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","className":"banner-img-wrap"} -->
<div class="wp-block-column is-vertically-aligned-top banner-img-wrap"><!-- wp:group {"className":"banner-img-box","layout":{"type":"default"}} -->
<div class="wp-block-group banner-img-box"><!-- wp:group {"className":"img-box-inner","layout":{"type":"default"}} -->
<div class="wp-block-group img-box-inner"><!-- wp:group {"className":"img-box-iner","layout":{"type":"default"}} -->
<div class="wp-block-group img-box-iner"><!-- wp:image {"id":147,"sizeSlug":"full","linkDestination":"none","className":"banner-img"} -->
<figure class="wp-block-image size-full banner-img"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner.png'); ?>" alt="" class="wp-image-147"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"video-btn-box","layout":{"type":"default"}} -->
<div class="wp-block-group video-btn-box"><!-- wp:stackable/video-popup {"uniqueId":"fc24020","blockMargin":{"top":0,"right":0,"bottom":0,"left":0},"videoLink":"#"} -->
<div class="wp-block-stackable-video-popup stk-block-video-popup stk-block stk-fc24020" data-video="#" data-block-id="fc24020"><style>.stk-fc24020 {margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}</style><div class="stk-block-video-popup__overlay stk-row stk-inner-blocks stk-block-content stk-hover-parent" aria-label="Play Video" tabindex="0" role="button">
<!-- wp:stackable/icon {"uniqueId":"6ba2567","contentAlign":"center","icon":"\u003csvg data-prefix=\u0022fas\u0022 data-icon=\u0022play\u0022 class=\u0022svg-inline\u002d\u002dfa fa-play fa-w-14\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 448 512\u0022 aria-hidden=\u0022true\u0022\u003e\u003cpath fill=\u0022currentColor\u0022 d=\u0022M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} -->
<div class="wp-block-stackable-icon stk-block-icon has-text-align-center stk-block stk-6ba2567" data-block-id="6ba2567"><span class="stk--svg-wrapper"><div class="stk--inner-svg"><svg style="height:0;width:0"><defs><linearGradient id="linear-gradient-6ba2567" x1="0" x2="100%" y1="0" y2="0"><stop offset="0%" style="stop-opacity:1;stop-color:var(--linear-gradient-6-ba-2567-color-1)"></stop><stop offset="100%" style="stop-opacity:1;stop-color:var(--linear-gradient-6-ba-2567-color-2)"></stop></linearGradient></defs></svg><svg data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" width="32" height="32"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg></div></span></div>
<!-- /wp:stackable/icon -->
</div></div>
<!-- /wp:stackable/video-popup --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->