<?php if (have_posts()): while (have_posts()) : the_post(); ?>
<li>
	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
				<div class="" uk-grid>
						<div class="uk-width-1-1@m">
								<div class="uk-inline">


										<img class="test1" uk-img data-src="<?php echo get_template_directory_uri()?>/images/review-pet-1.webp'" data-width data-height>
										<img class="test2" uk-img data-src="<?php echo get_template_directory_uri()?>/images/review-pet-2.webp'" data-width data-height>
										<img class="test3" uk-img data-src="<?php echo get_template_directory_uri()?>/images/review-pet-3.webp'" data-width data-height>
										<img class="test4" uk-img data-src="<?php echo get_template_directory_uri()?>/images/review-pet-4.webp'" data-width data-height>
										<img class="test5" uk-img data-src="<?php echo get_template_directory_uri()?>/images/review-pet-5.webp'" data-width data-height>


										<?php if ( has_post_thumbnail() ) { ?>
												<img class="circle" uk-img data-src="<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(), 'thumbnail')); ?>" data-width data-height>
										<?php } ?>
								</div>
						</div>
						<div class="uk-width-1-1@m">
							<div class="test-box ">
										<div class="stars yellow">
												<i class="fa-solid fa-star"></i>
												<i class="fa-solid fa-star"></i>
												<i class="fa-solid fa-star"></i>
												<i class="fa-solid fa-star"></i>
												<i class="fa-solid fa-star"></i>
										</div>
										<?php the_content(); ?>
										<h5 class="uk-margin-remove-bottom"><?php the_title(); ?></h5>
								</div>
						</div>
				</div>

	</article>
</li>
<?php endwhile; ?>

<?php else: ?>
	<article>
		<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>
	</article>
<?php endif; ?>
