<?php get_header(); ?>
<div id="content" class="site-content">
  <div class="container">
    <div class="row">
      <section id="primary" class="content-area col-sm-12 col-md-12 col-lg-10 offset-lg-1">
        <div id="main" class="site-main" role="main">
        <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
          <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <div class="post-thumbnail">
              <?php the_post_thumbnail(); ?>
            </div>
            <header class="entry-header">
              <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' );?>
              <div class="entry-meta">
                <time datetime="<?php echo get_the_date('c'); ?>" itemprop="datePublished"><i class="bi bi-calendar-date m2-1"></i> <?php echo get_the_date(); ?></time>
              </div>
            </header>
            <div class="entry-content">
              <?php the_content();?>
            </div>
            <footer class="entry-footer">
            </footer>
          </article>
        <hr/>
        <?php endwhile;?>
        </div>
      </section>
    <!-- php get_sidebar() -->
    </div>
    <div class="row">
      <div class="content-area col-sm-12 col-md-12 col-lg-10 offset-lg-1">
        <?php the_posts_pagination( array(
          'prev_text' => __( ' &larr; Newer ' ),
          'next_text' => __( ' Older &rarr; ' ),
        ));
        ?>
        <hr/>
      </div>
    </div>
  </div>
</div>
<?php get_footer(); ?>