<?php
/**
 * Title: Work experience section
 * Slug: havi/text-work-experience
 * Categories: text, about, havi-theme
 * Keywords: text, experience
 */
?>

<!-- wp:group {"metadata":{"name":"Work Experience"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"className":"section section--work-experience","layout":{"type":"constrained"}} -->
<div class="wp-block-group section section--work-experience" style="margin-top:var(--wp--preset--spacing--50)">
	<!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
	<h4 class="wp-block-heading" style="margin-bottom:var(--wp--preset--spacing--30)"><?php echo esc_html_x( 'Work Experience', 'Work experience section title', 'havi' ); ?></h4>
	<!-- /wp:heading -->

	<!-- wp:columns -->
	<div class="wp-block-columns">
		<!-- wp:column {"width":"25%"} -->
		<div class="wp-block-column" style="flex-basis:25%">
			<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"contrast-3"} -->
			<p class="has-contrast-3-color has-text-color has-link-color" style="font-style:normal;font-weight:400"><?php echo esc_html_x( '2021 - Now', 'Work experience section text', 'havi' ); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"75%","style":{"spacing":{"blockGap":"1rem"}}} -->
		<div class="wp-block-column" style="flex-basis:75%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:heading {"level":6} -->
				<h6 class="wp-block-heading"><?php echo esc_html_x( 'UI/UX Designer', 'Work experience section text', 'havi' ); ?></h6>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}}},"textColor":"contrast-3"} -->
				<p class="has-contrast-3-color has-text-color has-link-color"><?php echo esc_html_x( 'Lerone Studio', 'Work experience section text', 'havi' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->

			<!-- wp:paragraph -->
			<p><?php echo esc_html_x( 'As a UI/UX Designer, I create intuitive interfaces and engaging user experiences, blending creativity with usability to enhance digital interactions effectively.', 'Work experience section text', 'havi' ); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:columns -->
	<div class="wp-block-columns">
		<!-- wp:column {"width":"25%"} -->
		<div class="wp-block-column" style="flex-basis:25%">
			<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"contrast-3"} -->
			<p class="has-contrast-3-color has-text-color has-link-color" style="font-style:normal;font-weight:400"><?php echo esc_html_x( '2018 - 2021', 'Work experience section text', 'havi' ); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"75%","style":{"spacing":{"blockGap":"1rem"}}} -->
		<div class="wp-block-column" style="flex-basis:75%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:heading {"level":6} -->
				<h6 class="wp-block-heading"><?php echo esc_html_x( 'Graphic Designer', 'Work experience section text', 'havi' ); ?></h6>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}}},"textColor":"contrast-3"} -->
				<p class="has-contrast-3-color has-text-color has-link-color"><?php echo esc_html_x( 'Deboro Agency', 'Work experience section text', 'havi' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->

			<!-- wp:paragraph -->
			<p><?php echo esc_html_x( 'As a graphic designer, I craft visually compelling solutions that blend creativity, strategy, and innovation to communicate brands\' stories effectively.', 'Work experience section text', 'havi' ); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:columns -->
	<div class="wp-block-columns">
		<!-- wp:column {"width":"25%"} -->
		<div class="wp-block-column" style="flex-basis:25%">
			<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"contrast-3"} -->
			<p class="has-contrast-3-color has-text-color has-link-color" style="font-style:normal;font-weight:400"><?php echo esc_html_x( '2012 - 2018', 'Work experience section text', 'havi' ); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"75%","style":{"spacing":{"blockGap":"1rem"}}} -->
		<div class="wp-block-column" style="flex-basis:75%">
			<!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:heading {"level":6} -->
				<h6 class="wp-block-heading"><?php echo esc_html_x( 'Web Developer', 'Work experience section text', 'havi' ); ?></h6>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}}},"textColor":"contrast-3"} -->
				<p class="has-contrast-3-color has-text-color has-link-color"><?php echo esc_html_x( 'Astro Group', 'Work experience section text', 'havi' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->

			<!-- wp:paragraph -->
			<p><?php echo esc_html_x( 'As a web developer, I create responsive, user-friendly websites, specializing in custom designs, e-commerce solutions, CMS integration, and SEO optimization.', 'Work experience section text', 'havi' ); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->
</div>
<!-- /wp:group -->
