<!-- *** Post1 Starts *** -->
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
        <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <div class="article-page">
               <?php 
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
	the_post_thumbnail();
} 
?>
                    
                    <div class="blogdetails">
                <h3 class="article-page-head"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
                <ul class="meta">
                    <li><i class="fa fa-clock-o blogin-color"></i> <?php
                        $archive_year = get_the_time('Y');
                        $archive_month = get_the_time('m');
                        $archive_day = get_the_time('d');
                        ?>
                        <a href="<?php
                        echo get_day_link($archive_year,
                                $archive_month,
                                $archive_day);
                        ?>"><?php echo get_the_time('m, d, Y') ?></a></li>
                    <li><i class="fa fa-user blogin-color"></i>&nbsp;<?php the_author_posts_link(); ?></li>
                    <li><i class="fa fa-folder-open blogin-color"></i>&nbsp;<?php the_category(', '); ?></li>
                    <li class="comments"><i class="fa fa-comment blogin-color"></i> <?php comments_popup_link( __( 'No Comments.', 'alum' ),
                                 __( 'Comment: 1', 'alum' ),
                                __( 'Comments: %', 'alum' )); ?></li>
                </ul>
                
                <div class="blog-border"></div>
                
       <div class="blog-content"> 
        <?php the_excerpt(); ?> </div>
                 
            </div>      
          </div>
            
        </div>
        <?php
    endwhile;
else:
    ?>
    <div>
        <p>
    <?php _e('Sorry no post matched your criteria',
            'alum'); ?>
        </p>
    </div>
<?php endif; ?>
<div class="clearfix"></div>
<!-- *** Post1 Starts Ends *** -->