<?php

/**
 * Title: Main Banner
 * Slug: pixel-personal-portfolio/main-banner
 */
?>

<!-- wp:group {"className":"main-banner-sec","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group main-banner-sec" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"overlayColor":"background","isUserOverlayColor":true,"minHeight":530,"isDark":false,"className":"banner-cover","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover is-light banner-cover" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:530px"><span aria-hidden="true" class="wp-block-cover__background has-background-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 {"className":"banner-left-col"} -->
<div class="wp-block-column banner-left-col"><!-- wp:group {"className":"banner-left-content","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-left-content"><!-- wp:paragraph {"className":"banner-top-text","style":{"typography":{"fontSize":"13px","fontStyle":"Thin","fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"4px","bottom":"4px","left":"20px","right":"20px"}},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}}},"fontFamily":"Poppins"} -->
<p class="banner-top-text has-poppins-font-family" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:20px;font-size:13px;font-style:Thin;font-weight:400"><?php esc_html_e('Available For Work','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"26px","lineHeight":"1.5","fontStyle":"ExtraLight","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"right":"0","left":"0","bottom":"0","top":"10px"}}},"textColor":"background","fontFamily":"Poppins"} -->
<h1 class="wp-block-heading has-background-color has-text-color has-link-color has-poppins-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:10px;padding-right:0;padding-bottom:0;padding-left:0;font-size:26px;font-style:ExtraLight;font-weight:700;line-height:1.5"><?php esc_html_e('Design With Imagination, Drive By Purpose','pixel-personal-portfolio'); ?></h1>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-middle-col"} -->
<div class="wp-block-column banner-middle-col"><!-- wp:group {"className":"banner-img-middle","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-img-middle"><!-- wp:image {"id":120,"width":"400px","height":"350px","scale":"contain","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/slider-img.png'); ?>" alt="" class="wp-image-120" style="object-fit:contain;width:400px;height:350px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-right-col"} -->
<div class="wp-block-column banner-right-col"><!-- wp:group {"className":"banner-right-content","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-right-content"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-buttons" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:button {"backgroundColor":"background","className":"banner-btn-web","style":{"spacing":{"padding":{"left":"25px","right":"25px","top":"8px","bottom":"8px"}},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}},"typography":{"fontSize":"13px","fontStyle":"Thin","fontWeight":"600"}},"fontFamily":"Poppins"} -->
<div class="wp-block-button banner-btn-web"><a class="wp-block-button__link has-background-background-color has-background has-poppins-font-family has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:8px;padding-right:25px;padding-bottom:8px;padding-left:25px;font-size:13px;font-style:Thin;font-weight:600"><?php esc_html_e('Web Developer','pixel-personal-portfolio'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"className":"banner-hire-me-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontSize":"14px","fontStyle":"Thin","fontWeight":"400"}},"textColor":"background","fontFamily":"Poppins"} -->
<p class="banner-hire-me-text has-background-color has-text-color has-link-color has-poppins-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:14px;font-style:Thin;font-weight:400"><?php esc_html_e('Hire Me','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"13px","fontStyle":"Thin","fontWeight":"300"}},"textColor":"background","fontFamily":"Poppins"} -->
<p class="banner-para has-background-color has-text-color has-link-color has-poppins-font-family" style="font-size:13px;font-style:Thin;font-weight:300"><?php esc_html_e('Quisque sollicitudin arcu sapien, nec facilisis urna commodo quis. Donec tristique, ipsum id sollicitudin vulputate,','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"className":"slider-bottom-text","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group slider-bottom-text" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"190px","fontStyle":"Thin","fontWeight":"700","lineHeight":"0.7","letterSpacing":"2px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"background","fontFamily":"Poppins"} -->
<p class="has-text-align-center has-background-color has-text-color has-link-color has-poppins-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:190px;font-style:Thin;font-weight:700;letter-spacing:2px;line-height:0.7"><?php esc_html_e('PORTFOLIO','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->