<div class="uk-section bg-dark-blue">
	<div class="uk-container uk-container-large">
		<p class="gold uk-text-center">REVIEWS</p>
		<h2 class="white uk-text-center">See Why Your Neighbours Trust Us.</h2>
<div class="uk-position-relative uk-visible-toggle uk-padding-large" tabindex="-1" uk-slider="autoplay: true">

    <div class="uk-slider-container">
        <ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@m uk-grid-large" uk-grid>
            <?php
            $args = array('post_type' => array('testimonials'));
            $querys = new WP_Query($args);

            if ($querys->have_posts()) {
                while ($querys->have_posts()) {
                    $querys->the_post(); ?>
                    <li>
                        <div class="uk-card uk-card-default uk-height-large uk-padding uk-overflow-auto">
                            <h3 class="uk-card-title uk-margin-remove-bottom"><?php the_title(); ?></h3>
                            
                            <div class="uk-margin-small-top uk-margin-small-bottom">
                                <i class="fa-solid navy fa-badge-check"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                            </div>

                            <div class="uk-text-justify"> 
                                <?php the_content(); ?> 
                            </div>
                        </div>
                    </li>
                <?php }
            }
            wp_reset_postdata();
            ?>
        </ul>
    </div>

    <a class="uk-position-center-left-out uk-position-small" href  uk-slider-item="previous"><i class="fa-solid fa-lg white fa-circle-caret-left"></i></a>
    <a class="uk-position-center-right-out uk-position-small" href  uk-slider-item="next"><i class="fa-solid fa-lg white fa-circle-caret-right"></i></a>

</div>
<div class="uk-width-2xlarge@m uk-margin-auto uk-margin-large-bottom">
	<div class="uk-flex uk-flex-middle  uk-text-center uk-grid-large" uk-grid>
		<div class="uk-width-expand@m">
			<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/google-logo.webp" data-width data-height> 
		</div>
		<div class="uk-width-auto@m uk-text-center">

			<i class="fa-solid fa-lg gold fa-star"></i>
			<i class="fa-solid fa-lg gold fa-star"></i>
			<i class="fa-solid fa-lg gold fa-star"></i>
			<i class="fa-solid fa-lg gold fa-star"></i>
			<i class="fa-solid fa-lg gold fa-star"></i>
			<h5 class="white uk-text-center">4.8 Excellent Rating</h5>
		</div>
		<div class="uk-width-auto@m">
			<a class="white" href="<?php echo home_url(); ?>/testimonials/"><i class="fa-solid brown fa-circle-caret-right"></i> VIEW MORE REVIEWS</a>
		</div>
	</div>
</div>
</div>
<div class="uk-section uk-section-large  uk-background-norepeat uk-background-cover uk-background-center-center uk-light" 
     style="background-image: url('<?php echo get_template_directory_uri(); ?>/images/calm-residential-area-at-dusk-with-street-lights.webp');" 
     uk-parallax="bgy: -500"> 
        
        <div class="uk-text-center">
            <h2 class="white uk-margin-small-bottom">Ready to Remodel?</h2>
            
            <h4 class="white uk-margin-medium-bottom">
                Don’t leave your largest asset to chance. Work with the<br class="uk-visible@m"> team that cares about the install because we do the install.
            </h4>

            <div class="uk-flex uk-flex-center">
                <a class="btn" href="<?php echo home_url(); ?>/contact/">WORK WITH HINGLEY</a>
            </div>
        </div>

 
</div>



	
</div>