		<?php 

$projects_per_page = $instance['projects_per_page'];


$button_text = $instance['button_text'];



?>	
	<div class="text-center">
							<h5 class="mb-0"> <span><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 42 12" height="40" width="40" style="enable-background:new 0 0 42 12;" xml:space="preserve"><g>	<g>		<path d="M36.9,1.1l-2,2v1.9l3.6-3.6l-0.6-1.3L36.9,1.1z"></path>		<path d="M39.9,3.4H37l-1.3,1.3h5.1l0.5-1.3H39.9z"></path>		<path d="M40.5,7.2l-2-2h-1.9l3.6,3.6l1.3-0.6L40.5,7.2z"></path>		<path d="M38.2,10.3V7.4l-1.3-1.3v5.1l1.3,0.5V10.3z"></path>		<path d="M34.4,10.9l2-2V6.9l-3.6,3.6l0.6,1.3L34.4,10.9z"></path>		<path d="M31.3,8.6h2.9l1.3-1.3h-5.1l-0.5,1.3H31.3z"></path>		<path d="M30.8,4.8l2,2h1.9l-3.6-3.6l-1.3,0.6L30.8,4.8z"></path>		<path d="M33.1,1.7v2.9l1.3,1.3V0.8l-1.3-0.5V1.7z"></path>	</g>	<g>		<rect x="0.5" y="10.9" width="29.3" height="1"></rect>	</g></g></svg></span> Our works
							<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 42 12" height="40" width="40" style="enable-background:new 0 0 42 12;" xml:space="preserve"><g>	<g>		<path d="M36.9,1.1l-2,2v1.9l3.6-3.6l-0.6-1.3L36.9,1.1z"></path>		<path d="M39.9,3.4H37l-1.3,1.3h5.1l0.5-1.3H39.9z"></path>		<path d="M40.5,7.2l-2-2h-1.9l3.6,3.6l1.3-0.6L40.5,7.2z"></path>		<path d="M38.2,10.3V7.4l-1.3-1.3v5.1l1.3,0.5V10.3z"></path>		<path d="M34.4,10.9l2-2V6.9l-3.6,3.6l0.6,1.3L34.4,10.9z"></path>		<path d="M31.3,8.6h2.9l1.3-1.3h-5.1l-0.5,1.3H31.3z"></path>		<path d="M30.8,4.8l2,2h1.9l-3.6-3.6l-1.3,0.6L30.8,4.8z"></path>		<path d="M33.1,1.7v2.9l1.3,1.3V0.8l-1.3-0.5V1.7z"></path>	</g>	<g>		<rect x="0.5" y="10.9" width="29.3" height="1"></rect>	</g></g></svg>
							</h5>
							</div>
								<div class="heading-block text-center" data-animate="fadeInDown">
									<h3>Some of Our Projects</h3>
								</div>				

				<div id="portfolio" class="portfolio row g-0">
<?php
          
            $qargs = array(
                'post_status'       => 'publish',
                'post_type'         => 'projects',
				'order'				=> 'ASC',
                'posts_per_page'    => $projects_per_page
            );
            $postCount = 0;
            $recentPosts = new WP_Query( $qargs );
         
            if ( $recentPosts->have_posts() ) : ?>

                <?php while( $recentPosts->have_posts() ) : $recentPosts->the_post();
                $meta = get_post_meta( get_the_ID() ); 

$image_thumb = '';
								$projects_ID = get_the_ID();
	if(has_post_thumbnail(get_the_ID(), 'swap-projects'))
	{
	    $image_id = get_post_thumbnail_id(get_the_ID());
	    $image_thumb = wp_get_attachment_image_src($image_id, 'swap-projects', true);
		$image_full = wp_get_attachment_image_src($image_id, 'full', true);
	}
			 $projects_location = get_post_meta($projects_ID, 'location_name', true);

	?>
					<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons">
					<div class="grid-inner">
							<div class="portfolio-image">
								<img src="<?php echo $image_thumb[0]; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>">
								<div class="bg-overlay">
									<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
			<a href="<?php echo $image_full[0]; ?>" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="image" ><i class="uil uil-plus"></i></a>

									</div>
									<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
								</div>
							</div>
							<div class="portfolio-desc">
								<h3><?php the_title(); ?> </h3>
								<span><?php echo $projects_location; ?></span>
							</div>
						</div>
					</article>

			  <?php endwhile;  endif; 
            wp_reset_postdata();  ?>	
				
				

				</div>
				
				
				