<?php get_header(); ?>

<div class="uk-cover-container uk-text-center banner uk-margin-large-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 300">
    <canvas class="uk-visible@m" width="" height="350"></canvas>
    <canvas class="uk-hidden@m" width="" height="350"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/meet-the-team-hero-1.webp" data-width data-height uk-cover>


	<div class="uk-position-cover uk-text-center uk-container uk-flex uk-flex-center uk-flex-middle" uk-scrollspy="cls: uk-animation-fade; delay: 500">
        <div>

           <h1 class="white">Meet The Tile Guy Team</h1>

           <a href="<?php echo home_url(); ?>/contact/submit-your-resume/" class="red-btn">
             <div class="uk-grid-collapse" uk-grid>
               <div class="uk-width-auto">
                 <div class="icon-bg"><i class="fa-sharp fa-solid fa-diamonds-4"></i></div>
               </div>
               <div class="uk-width-expand">
                 <div class="btn-bg">WORK WITH US</div>
               </div>
             </div>
          </a>

        </div>
    </div>

</div>

<div class="uk-container uk-container-large">
	<main role="main">
			<section>
				<div class="uk-child-width-1-3@m uk-grid-large uk-flex uk-flex-center" uk-grid uk-height-match="target: > div > article > .grey-bg" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
					<?php get_template_part('loop-team'); ?>
				</div>
				<?php get_template_part('pagination'); ?>

			</section>
	</main>
</div>

<?php get_footer(); ?>
