<?php
/**
 * Title: Banner
 * Slug: web-designer-courses/banner
 * Categories: banner
 * Block Types: core/template-part/banner
 */
?>

<!-- wp:group {"tagName":"main","className":"wp-block-group","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"banner-main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-group banner-main" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"overlayColor":"base","isUserOverlayColor":true,"minHeight":570,"isDark":false,"sizeSlug":"large","className":"slider-cover","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0","right":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover is-light slider-cover" style="padding-top:0px;padding-right:0;padding-bottom:0px;padding-left:0;min-height:570px"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"slide-item","style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group slide-item" style="padding-right:0;padding-left:0"><!-- wp:columns {"verticalAlignment":"center","className":"banner-column","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center banner-column" style="padding-top:0px;padding-right:0;padding-bottom:0px;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"30%","className":"slider-right"} -->
<div class="wp-block-column is-vertically-aligned-center slider-right" style="flex-basis:30%"><!-- wp:group {"style":{"dimensions":{"minHeight":"400px"}},"layout":{"type":"constrained","contentSize":"100%","justifyContent":"center"}} -->
<div class="wp-block-group" style="min-height:400px"><!-- wp:image {"id":58,"sizeSlug":"full","linkDestination":"none","className":"right-image","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image size-full has-custom-border right-image"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/banner.png" alt="" class="wp-image-58" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"45%","className":"banner-left-box","style":{"border":{"top":{"style":"none","width":"0px"},"right":{"color":"var:preset|color|primary","style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center banner-left-box" style="border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--primary);border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;flex-basis:45%"><!-- wp:group {"className":"slider","style":{"dimensions":{"minHeight":""},"border":{"radius":"15px"}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group slider" style="border-radius:15px"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"300"}},"textColor":"primary","fontFamily":"rowdies"} -->
<h3 class="wp-block-heading has-primary-color has-text-color has-link-color has-rowdies-font-family" style="font-size:16px;font-style:normal;font-weight:300"><?php esc_html_e('WELCOME TO DESIGNORA','web-designer-courses'); ?></h3>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"secondary","fontFamily":"rowdies"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-rowdies-font-family" style="margin-top:0;margin-bottom:0;font-size:40px;font-style:normal;font-weight:400"><?php esc_html_e('Design is thinking','web-designer-courses'); ?><br><?php esc_html_e('made visual. Learn it','web-designer-courses'); ?><br><?php esc_html_e('professionally.','web-designer-courses'); ?></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:button {"backgroundColor":"secondary","textColor":"base","style":{"spacing":{"padding":{"left":"25px","right":"25px","top":"8px","bottom":"8px"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"},"width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"600"}},"fontFamily":"saira","borderColor":"primary"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-secondary-background-color has-text-color has-background has-link-color has-border-color has-primary-border-color has-saira-font-family has-custom-font-size wp-element-button" href="#" style="border-width:1px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:8px;padding-right:25px;padding-bottom:8px;padding-left:25px;font-size:14px;font-style:normal;font-weight:600"><?php esc_html_e('Explore Design Courses','web-designer-courses'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search design courses, tools, or skills…","buttonText":"Search","buttonPosition":"button-inside","className":"banner-search","style":{"border":{"width":"1px","color":"#3A315C","radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"secondary","textColor":"base"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%","className":"slider-right"} -->
<div class="wp-block-column is-vertically-aligned-center slider-right" style="flex-basis:25%"><!-- wp:group {"style":{"dimensions":{"minHeight":"400px"}},"layout":{"type":"constrained","contentSize":"100%","justifyContent":"center"}} -->
<div class="wp-block-group" style="min-height:400px"><!-- wp:columns {"className":"column-banner"} -->
<div class="wp-block-columns column-banner"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"icon-box","style":{"color":{"background":"#ff797a"},"border":{"radius":{"topLeft":"50%","topRight":"0px","bottomLeft":"50%","bottomRight":"0px"}},"dimensions":{"minHeight":"150px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group icon-box has-base-color has-text-color has-background has-link-color" style="border-top-left-radius:50%;border-top-right-radius:0px;border-bottom-left-radius:50%;border-bottom-right-radius:0px;background-color:#ff797a;min-height:150px"><!-- wp:html -->
<i class="fas fa-pen-nib"></i>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"icon-box","style":{"color":{"background":"#86a6e7"},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"dimensions":{"minHeight":"150px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group icon-box has-base-color has-text-color has-background has-link-color" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#86a6e7;min-height:150px"><!-- wp:html -->
<i class="fas fa-object-group"></i>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"column-banner"} -->
<div class="wp-block-columns column-banner"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"icon-box","style":{"color":{"background":"#ffb509"},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"dimensions":{"minHeight":"150px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group icon-box has-base-color has-text-color has-background has-link-color" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#ffb509;min-height:150px"><!-- wp:html -->
<i class="fas fa-crop"></i>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"icon-box","style":{"color":{"background":"#563d77"},"border":{"radius":{"topLeft":"0px","topRight":"50%","bottomLeft":"0px","bottomRight":"50%"}},"dimensions":{"minHeight":"150px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group icon-box has-base-color has-text-color has-background has-link-color" style="border-top-left-radius:0px;border-top-right-radius:50%;border-bottom-left-radius:0px;border-bottom-right-radius:50%;background-color:#563d77;min-height:150px"><!-- wp:html -->
<i class="fas fa-drafting-compass"></i>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"className":"banner-counter","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"70%"}} -->
<div class="wp-block-group banner-counter" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"className":"counter-cloumn-box","style":{"spacing":{"blockGap":{"left":"50px"},"padding":{"right":"50px","left":"50px","top":"15px","bottom":"15px"}},"border":{"radius":{"topLeft":"40px","topRight":"40px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"secondary"} -->
<div class="wp-block-columns counter-cloumn-box has-secondary-background-color has-background" style="border-top-left-radius:40px;border-top-right-radius:40px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:15px;padding-right:50px;padding-bottom:15px;padding-left:50px"><!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained","contentSize":"40%"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"300"},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"rowdies"} -->
<h2 class="wp-block-heading has-text-align-right has-base-color has-text-color has-link-color has-rowdies-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:40px;font-style:normal;font-weight:300"><?php esc_html_e('8+','web-designer-courses'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"saira"} -->
<p class="has-text-align-center has-base-color has-text-color has-link-color has-saira-font-family" style="margin-top:0;margin-bottom:0;font-size:15px;font-style:normal;font-weight:600"><?php esc_html_e('Design Categories','web-designer-courses'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained","contentSize":"40%"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"300"},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"rowdies"} -->
<h2 class="wp-block-heading has-text-align-right has-base-color has-text-color has-link-color has-rowdies-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:40px;font-style:normal;font-weight:300"><?php esc_html_e('20+','web-designer-courses'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"saira"} -->
<p class="has-text-align-center has-base-color has-text-color has-link-color has-saira-font-family" style="margin-top:0;margin-bottom:0;font-size:15px;font-style:normal;font-weight:600"><?php esc_html_e('Creative Events','web-designer-courses'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained","contentSize":"40%"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"300"},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"rowdies"} -->
<h2 class="wp-block-heading has-text-align-right has-base-color has-text-color has-link-color has-rowdies-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:40px;font-style:normal;font-weight:300"><?php esc_html_e('120+','web-designer-courses'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"saira"} -->
<p class="has-text-align-center has-base-color has-text-color has-link-color has-saira-font-family" style="margin-top:0;margin-bottom:0;font-size:15px;font-style:normal;font-weight:600"><?php esc_html_e('Live Workshops','web-designer-courses'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->