hp/home.php

<?php get_header(); ?>
<div id="content" class="site-content">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 d-sm-none d-md-block">
        <div class="hp-sidenav navbar sticky-md-top pt-sm-3" role="navigation">
          <div class="navbars-collapse">
            <div class="flex-column list-group-flush">
              <?php get_sidebar() ?>
            </div>
          </div>
        </div>
      </div>
      <section id="primary" class="content-area col-lg-9 col-md-12">
        <div id="main" class="site-main" role="main">
        <h1 class="entry-title">News</h1>
        <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
          <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <div class="row">
              <div class="col-lg-6">
                <header class="entry-header">
                  <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );?>
                  <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_excerpt();?>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="post-thumbnail">
                  <?php the_post_thumbnail('thumbnail', array('width' => 150)); ?>
                </div>
              </div>
              <footer class="entry-footer">
              </footer>
            </div>
          </article>
        <hr/>
        <?php endwhile;?>
        </div>
        <div class="row">
          <div class="col-sm-12">
            <?php the_posts_pagination( array(
              'prev_text' => __( ' &larr; Newer ' ),
              'next_text' => __( ' Older &rarr; ' ),
            ));
            ?>
            <hr/>
          </div>
        </div>
      </section>
    </div>

  </div>
</div>
<?php get_footer(); ?>