<div class="container mb-4">

<?php $news_query = new WP_Query();?>
<?php if (have_posts()) : ?>
	<div class="row">
		<?php while (have_posts()) :
				the_post();
				//$categories = get_the_category();
		?>
		<div class="col-xl-4 col-lg-4 col-sm-6 news">
		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
			
			<div class="card shadow-sm mb-3 h-100 border-0" data-aos="fade-up">
				 <!-- post thumbnail -->
				 <div class="post-thumbnail">
				 <?php if ( has_post_thumbnail()) : // Check if thumbnail exists ?>
					<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
						<?php the_post_thumbnail(array(620,400)); // Declare pixel size you need inside the array ?>
					</a>
				<?php endif; ?>
				</div>
				<!-- /post thumbnail --> 
				<div class="card-body">
					<!-- post title -->
					<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
					<h3>
        			<?php the_title(); ?>
        			</h3></a>
				</div><!-- card body !-->
			</div><!-- card !-->
			
		</article>
		</div><!-- col !-->
	  <?php endwhile;?>
	</div>
<?php else: ?>
	<!-- article -->
	<article>
		<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>
	</article>
	<!-- /article -->
<?php endif; ?>


</div>
    </div>