<a href="<?php echo the_permalink(); ?>" class="postCardHome">



	<div class="postCardHomeImage">

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

			<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="">

		<?php } else { ?>

			<img src="<?php echo get_template_directory_uri() ?>/assets/img/placeholder-image.jpg" alt="">

		<?php } ?>

	</div>




	<div class="blogCardTitles">
		<h4><?php the_title(); ?></h4>
	</div>


	<div class="blogCardtext">
		<p><?php the_excerpt(); ?></p>
	</div>



	<div class="postDateParent">
		<div class="postDate">
			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path
					d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"
					stroke="#1C274C" stroke-width="1.5" />
				<path d="M7 4V2.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" />
				<path d="M17 4V2.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" />
				<circle cx="16.5" cy="16.5" r="1.5" stroke="#1C274C" stroke-width="1.5" />
				<path d="M2.5 9H21.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" />
			</svg>
			<?php echo get_the_date(); ?>
		</div>
		<div class="aboutUseSide">
			مطالعه بیشتر
			<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M16.6666 10H3.33325M3.33325 10L8.33325 5M3.33325 10L8.33325 15" stroke="#008F83"
					stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
			</svg>
		</div>

	</div>


</a>