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

<div class="uk-cover-container uk-text-center banner">
    <canvas class="uk-visible@m" width="" height="600"></canvas>
    <canvas class="uk-hidden@m" width="" height="600"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/angled-texture-background.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">
        <div>
           <h1><?php the_title(); ?></h1> 
		   <p>See how our in-house team of carpenters, cabinet makers, and electricians transforms outdated<br class="uk-visible@m"> houses into spectacular Okanagan homes.</p>
		   <a class="btn" href="">REQUEST AN ESTIMATE</a><br>
		   <i class="uk-text-small">Get your project started with a<br> free, no obligation estimate.</i>
        </div>
    </div>
</div>
<div class="bg-cream">
	<div class="uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid>
		<div>
			<div class="uk-padding">
				<p class="brown uk-text-small">THE IN-HOUSE ADVANTAGE</p>
				<h2>Real Transformations. Remodeled In-House.</h2>
				<p>A full home renovation is more than just a cosmetic update; it is a complete reimagining of how you live in your space. Because we handle the critical path in-house, from custom CNC cabinetry to integrated electrical work, we are able to achieve a level of fit, finish, and cohesive design that traditional “telephone contractors” simply can’t match.</p>
				<h4>GENERAL CONTRACTING | INTERIOR FINISHES | CUSTOM HOMES</h4>
			</div>
		</div>
		<div>
			<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/entryway-railings-and-vinyl-plank-flooring-in-bc-box-home.webp" data-width data-height> 
		</div>
	</div>
</div>
<div class="bg-dark-blue uk-section">
	<h2 class="uk-text-center white">Before &amp; After Gallery</h2>
	<p class="uk-text-center white">It’s amazing what difference a renovation can make.</p>
<div class="uk-container uk-margin-large-top ">
    <div uk-slider>
        
        <div class="uk-position-relative">

            <div class="uk-slider-container uk-visible-toggle" tabindex="-1">
                <ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@m uk-grid">
                    <li>
                        <img src="<?php echo get_template_directory_uri(); ?>/images/shower-remodel-begin.webp" alt="Begin" uk-img> 
                    </li>
                    <li>
                        <img src="<?php echo get_template_directory_uri(); ?>/images/shower-remodel-during.webp" alt="During" uk-img> 
                    </li>
                    <li>
                        <img src="<?php echo get_template_directory_uri(); ?>/images/shower-remodel-finished.webp" alt="Finished" uk-img> 
                    </li>
                    <li>
                        <img src="<?php echo get_template_directory_uri(); ?>/images/shower-remodel-finished.webp" alt="Finished 2" uk-img> 
                    </li>
                </ul>
            </div>

            <a class="uk-position-center-left-out uk-padding" href uk-slider-item="previous">
                <i class="fas white fa-circle-caret-left fa-lg"  ></i>
            </a>

            <a class="uk-position-center-right-out uk-padding" href uk-slider-item="next">
                <i class="fas white fa-circle-caret-right fa-lg" ></i>
            </a>

        </div>

        <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

    </div>
	<div class="uk-section">
		<h2 class="uk-text-center white">We Take Pride in Our Full Home Renos</h2>
		<p class="uk-text-center white">Full house renovations make a big difference in your quality of life.</p>
		<div class="uk-child-width-1-2@m" uk-grid>
			<div>
				<div class="uk-flex uk-flex-center">
					<h5 class=" white bg-electric-blue uk-padding-small uk-display-inline-block">BEFORE</h5>
				</div>	
					<div class="uk-child-width-1-2@m uk-grid-small" uk-grid>
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-bedroom-before.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-bathroom-before.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-living-room-before.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-kitchen-living-room-before.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-entry-kitchen-before.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-laundry-room-before.webp" data-width data-height> 
						
					</div>
				
			</div>
			<div>
				<div class="uk-flex uk-flex-center">
					<h5 class=" white bg-electric-blue uk-padding-small uk-display-inline-block">AFTER</h5>
				</div>	
					<div class="uk-child-width-1-2@m uk-grid-small" uk-grid>
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-kitchen-after.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-living-room-after.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-kitchen-living-room-after.webp" data-width data-height> 
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-laundry-room-after.webp" data-width data-height> 
						
						
					</div>
					
			</div>
		</div>
		<div class="uk-child-width-1-2@m uk-grid-small uk-margin-xlarge-top" uk-grid>
			<div>
				<h2 class="white uk-margin-remove-top">Bathroom Renovations</h2>
			</div>
			<div>
				<div class="uk-child-width-1-2@m uk-grid-small" uk-grid>
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/bathroom-renovation-blue-towels-accents.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/contemporary-bathroom-with-white-subway-tile-and-warm-flooring.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/laundry-room-modern.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/small-bathroom-with-tile-shower-and-simple-vanity.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/freestanding-bathtub-in-nook.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/beige-tile-shower-with-storage-for-soap-and-shampoo.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/shower-and-freestanding-tub-over-luxury-tile.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/freestanding-bathtub-with-plant-in-bathroom-corner.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/dual-sink-vanity-with-white-cabinets-two-mirrors.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/wood-grain-vanity-with-two-sinks.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/white-subway-tile-walk-in-shower.webp" data-width data-height> 
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/walk-in-white-tile-shower-with-seat.webp" data-width data-height> 
				</div>
			</div>
		</div>
		<h2 class="uk-text-center white">We Do it All</h2>
			<div class="uk-child-width-1-4@m uk-child-width-1-2 uk-grid-small" uk-grid>
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/stoneworks-bar-in-basement.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/railings-with-black-balusters-and-vinyl-plank-flooring-in-white-living-room.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/exterior-home-on-sunny-day-patio-with-seating.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/exterior-multiplex-in-the-okanagan.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/exterior-multiplex-with-wooden-deck-railings.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/interior-living-room-new-windows.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/exterior-living-room-window-installation-scaffolding.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/large-post-install-windows.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/man-installing-windows-in-living-room.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/front-door-install.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/white-kitchen-cabinets-and-flooring-installations.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/finished-kitchen-update-with-white-cabinets-appliances-and-backsplash.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/basement-suite-kitchen-renovation-updates.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/newly-installed-deck-on-residential-home-backyard.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/new-wooden-fence.webp" data-width data-height> 
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/shed-and-wooden-fence-in-residential-yard-with-new-grass.webp" data-width data-height> 
				
			</div>
	</div>
</div>
</div>
<div class="uk-section">
	<div class="uk-container uk-container-large">
		<div class="bg-navy">
			<div class="uk-child-width-1-2@m white uk-grid-large" uk-grid>
				<div>
					<div class="uk-padding-large ">
						<p class="gold uk-text-small">YOU’RE IN GOOD HANDS</p>
						<h2 class="white">Your Home is Our Reputation. Build with Confidence.</h2>
						<p>We know that trusting a contractor with your largest asset is a big decision. That is why we don’t hide behind subcontractors or voicemail. We are a local, family-run business that is fully licensed, insured with $2 Million in liability coverage, and dedicated to doing the job right the first time. We don’t just build houses; we build relationships in our community.</p>
						<a class="btn" href="">BOOK YOUR ON-SITE CONSULTATION</a>
						<p class="uk-margin-remove-top"><i>Backed by our Comprehensive<br class="uk-visible@m"> 1-Year Workmanship Warranty.</i></p>
					</div>
				</div>
				<div class="uk-visible@m">
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/open-exterior-concept-living-room-white-couches-stone-decor.webp" data-width data-height> 
				</div>
			</div>
		</div>
	</div>
</div>
<div class="uk-container">
	<main role="main">
		<section>

			

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

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

					<?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 get_footer(); ?>
