<?php
/**
 * Title: Featured Banner
 * Slug: gutentools-education/banner
 * Categories: gutentools-education
 * Keywords: banner
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:group {"metadata":{"categories":["gutentools-education"],"patternName":"gutentools-education/banner","name":"Featured Banner"},"className":"responsive-spacing ge-banner","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"40px","bottom":"0px"},"margin":{"top":"0","bottom":"0"}},"background":{"backgroundSize":"cover","backgroundPosition":"50% 50%"},"dimensions":{"minHeight":"600px"},"color":{"background":"#00809d"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group responsive-spacing ge-banner has-background" style="background-color:#00809d;min-height:600px;margin-top:0;margin-bottom:0;padding-top:40px;padding-right:20px;padding-bottom:0px;padding-left:20px"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"0","bottom":"0"},"blockGap":{"left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns" style="padding-top:0;padding-bottom:0"><!-- wp:column {"verticalAlignment":"bottom","width":"40%","className":"banner-left"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-left" style="flex-basis:40%"><!-- wp:image {"id":1461,"width":"450px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() );?>/assets/images/banner-crop.png" alt="" class="wp-image-1461" style="width:450px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"bottom":"40px","top":"40px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:40px;padding-bottom:40px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Online Education', 'gutentools-education' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"64px","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"white"} -->
<h1 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0;font-size:64px;line-height:1"><?php echo esc_html__( 'Your Gateway to Career Excellence', 'gutentools-education' ); ?></h1>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"16px"},"spacing":{"margin":{"bottom":"48px","top":"24px"}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-top:24px;margin-bottom:48px;font-size:16px;font-style:normal;font-weight:400"><?php echo esc_html__( 'Vulputate vehicula elit si scelerisque imperdiet iaculis fames mauris eu parturient orci malesuada metus netus neque dis urna hac quam ad phasellus ante magnis blandit per maximus augue rhoncus fusce quisque placerat elit litora bibendum porta ante', 'gutentools-education' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|10","left":"var:preset|spacing|20"}}}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"50px"},"color":{"background":"#ff7601"}},"fontFamily":"poppins"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-poppins-font-family wp-element-button" style="border-radius:50px;background-color:#ff7601"><?php echo esc_html__( 'Get Started', 'gutentools-education' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"contrast","style":{"border":{"radius":"50px"},"color":{"background":"#fcecdd"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"fontFamily":"poppins"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-contrast-color has-text-color has-background has-link-color has-poppins-font-family wp-element-button" style="border-radius:50px;background-color:#fcecdd"><?php echo esc_html__( 'View Courses', 'gutentools-education' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->