<?php
/**
 * Template part for displaying posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package educrap
 */

?>

<div id="post-<?php the_ID(); ?>" <?php post_class('blog__item white-bg mb-30 transition-3 grid-item cat1 cat2 cat4 fix'); ?>>
    <?php if( has_post_thumbnail() ){ ?>
	    <div class="blog__thumb w-img fix">
	        <a href="blog-details.html">
	           <?php the_post_thumbnail(); ?>
	        </a>
	    </div>
	<?php } ?>
    <div class="blog__content">
        <h3 class="blog__title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
        <?php the_excerpt(); ?>
        <button class="read_btn mb-30"><a href="<?php the_permalink(); ?>"><?php esc_html_e('Read More','educrap')?></a></button>
        <div class="blog__meta d-flex align-items-center justify-content-between">
            <div class="blog__author d-flex align-items-center">
                <div class="blog__author-thumb blog__date">
                    <i class="fa fa-user icon"></i>
                </div>
                <div class="blog__author-info">
                    <h5><?php echo esc_html( get_the_author() ) ?></h5>
                    
                </div>
            </div>
            <!-- <div class="blog__date d-flex align-items-center">
              
            </div> -->
            <div class="blog__date d-flex align-items-center">
                 <i class="fal fa-clock"></i>
                <span><?php the_date(); ?></span>
                <i class="fa fa-comments"></i>
                <span><?php comments_number(); ?></span>
           </div>
        </div>
    </div>
</div>