<?php
/**
 * Title: Banner
 * Slug: logicloom/banner
 * Categories: logicloom
 * Keywords: banner
 */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<h1 class="wp-block-heading" style="font-style:normal;font-weight:700"><?php echo esc_html__( 'Industrial Training', 'logicloom' ); ?><br><?php echo esc_html__( 'and Internship Program', 'logicloom' ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Aenean massa. Maecenas nec odio et ante tincidunt tempus. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Phasellus viverra nulla ut metus varius laoreet.', 'logicloom' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"},"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 {"style":{"border":{"width":"1px"}},"borderColor":"primary"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-border-color has-primary-border-color wp-element-button" style="border-width:1px"><?php echo esc_html__( 'Explore courses', 'logicloom' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"center","id":1102,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.png" alt="" class="wp-image-1102"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->