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

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

		<div class=" services-box">
			<?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('full'); ?>');"></a>

		<?php } else { ?>

			<a class="blog-image" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" style="background-image:url('<?php echo get_template_directory_uri(); ?>/images/blog-default.jpg');"></a>



		<?php } ?>


		<div class="uk-text-center">
			<img class="service-icon" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/blog-icon.png">

		</div>

		<div class="border-box">

			<div class="uk-flex uk-flex-top matchie" uk-grid>
				<div class="uk-width-auto">
					<div class="small-line"></div>
				</div>
				<div class="uk-width-expand">
					<h3 class="blue uk-text-center uk-margin-remove-top"><?php the_title(); ?></h3>
				</div>
				<div class="uk-width-auto">
					<div class="small-line"></div>
				</div>
			</div>
			<div class="uk-padding-small uk-text-center">

				<?php html5wp_excerpt('html5wp_index'); ?>
				<div class="uk-text-center">
					<a href="<?php the_permalink(); ?>" class="blue-btn">READ ARTICLE</a>
				</div>
			</div>

		</div>
	</div>

	</article>
</div>

<?php endwhile; ?>

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