<?php get_header(); ?>
<div class="uk-cover-container ">
    <canvas class="uk-visible@m" width="" height="300"></canvas>
    <canvas class="uk-hidden@m" width="" height="600"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/services-hero-1.webp" data-width data-height uk-cover uk-scrollspy="cls: uk-animation-fade; delay:200">


	<div class="uk-position-cover  uk-container uk-container-large uk-flex  uk-flex-middle">
       <h1 class="white uk-text-bold"><?php _e( 'Our Care Services', 'html5blank' ); ?></h1>
    </div>
</div>
<div class="uk-container">
	<main role="main">
		<div>
			<section class="uk-width-1-1 ">

				
				<div class="uk-child-width-1-4@m uk-flex uk-flex-center uk-grid-large uk-margin-xlarge-top" uk-grid >
					<?php get_template_part('loop-services'); ?>
				</div>	
				<?php get_template_part('pagination'); ?>

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

<?php get_footer(); ?>
