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

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


		<div>
			<div class="blog-box"  uk-scrollspy=" cls: uk-animation-fade; delay: 300">

				<?php if ( has_post_thumbnail() ) { ?>

						<a class="blog-image" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" style="background-image:url('<?php the_post_thumbnail_url('thumbnail'); ?>')" >
						</a>

				<?php } else { ?>
				<?php } ?>

				<div class="post-date uk-margin-top"><?php echo get_the_date(); ?></div>

				<br>
				<a class="uk-text-decoration-none" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><h5 class="uk-margin-remove-bottom "><?php the_title(); ?></h5></a>

				<?php html5wp_excerpt('html5wp_index'); ?>

				<P><a class="uk-text-decoration-none black"  href="<?php the_permalink(); ?>">Read More <i class="fa-regular fa-chevron-right uk-margin-small-left"></i></a></P>
			</div>

			</div>
	</article>

<?php endwhile; ?>

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