<?php /*template name: Book Now*/ get_header(); ?>

<div class="uk-cover-container uk-text-center banner uk-margin-large-bottom">
    <canvas class="uk-visible@m" width="" height="240"></canvas>
    <canvas class="uk-hidden@m" width="" height="300"></canvas>
		<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/group-of-dogs-mini-hero.webp" data-width data-height uk-cover uk-scrollspy=" uk-animation-fade; delay: 300">

	   <div class="uk-position-cover uk-text-center uk-flex uk-flex-middle uk-flex-center">
        <div >
          <h1 class="yellow" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300"><?php the_title(); ?></h1>
      </div>
    </div>
</div>

<div class="uk-container uk-container-large" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 500">
	<main role="main">
		<section>

			<?php if (have_posts()): while (have_posts()) : the_post(); ?>

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				
					<div class="uk-text-center uk-margin-large-bottom">
						<img class="walk-icon" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/dog-cat-walk-icon.webp" data-width data-height>
					</div>
					
					

					<?php the_content(); ?>

					<br class="clear">

					<p class="uk-text-right"><?php edit_post_link( __('Edit this page'), '', '', 0, 'post-edit-link uk-text-large uk-padding-small uk-button-large uk-button uk-button-primary' ); ?></p>

				</article>

			<?php endwhile; ?><?php endif; ?>

		</section>
	</main>
</div>
<?php include 'template-getintouch.php'; ?>
<?php get_footer(); ?>
