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


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

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/home-with-christmas-lights-at-night-1.webp" data-width data-height uk-cover>

  <div class="uk-position-cover uk-flex uk-flex-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 500">
    <img class="uk-width-1-1" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/snow-curve-desktop-gray-1@2x.webp" data-width data-height>
  </div>
	<div class="uk-position-cover uk-text-center uk-container uk-flex uk-flex-center uk-flex-middle">
        <div>
					<h1 class="white"><?php the_title(); ?></h1>
        </div>
    </div>
</div>

<div class="grey-bg">
  <div class="uk-container">
    <div class="uk-width-2-3@m uk-margin-auto corners uk-margin-large-top uk-margin-xlarge-bottom">
      <div class="white-bg uk-padding" uk-scrollspy="cls: uk-animation-fade; delay: 300">
      	<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">
                  <img style="width:60px;" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Mr-Winter-Lights-Kelowna.png" data-width data-height>
                </div>

                <h5 class="uk-margin-remove-bottom blue uk-text-center">MR. WINTER'S HOLIDAY LIGHTS</h5>
                <h3 class="red uk-text-center uk-margin-remove-top">Proudly Lighting Up the Okanagan</h3>
                <h4 class="grey uk-text-center uk-margin-large-bottom">Covering Osoyoos, Penticton, Kelowna, Vernon, and beyond. <br>Contact Mr. Winter’s Holiday Lights to book your display today.</h4>

      						<?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>
    </div>


    <div class="blue-bg white uk-padding corners uk-margin-large-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 300">
		<div class="uk-child-width-1-2@m uk-grid-large" uk-grid>
			<div>
				<h2 class="white uk-margin-remove-top">Prefer to Speak with Someone Directly?</h2>
			</div>
			<div>

        <h4><a class="green white-hov" href="tel:250 215-9033"><i class="fa-regular fa-mobile-notch"></i> (250) 215-9033</a></h4>


				<h4 class="white">Give us a call, or send a text. We’re happy to connect however works best for you.</h4>
			</div>


		</div>
	</div>


  </div>
</div>
<?php get_footer(); ?>
