index.php

<?php get_header(); ?>



<div class="page-banner">
    <div class="page-banner__bg-image" style="background-image: url('<?php echo get_theme_file_uri('/images/ocean.jpg'); ?>');"></div>
    <div class="page-banner__content container container--narrow">
      <h1 class="page-banner__title">Our Blog</h1>
      <div class="page-banner__intro">
        <p>Get In Touch With Latest News</p>
      </div>
    </div>  
  </div>

  <div class="container container--narrow page-section">

      <?php 
        while(have_posts()){
          the_post();
          
          ?>
        
          <div class="post-item">
            <h2><a class="headline headline--medium headline--post-title"><?php the_title() ?></a></h2>

            <div class="metabox">
            <p>posted by <?php the_author_posts_link() ?> on <?php the_time('n.j.y') ?> in <?php echo get_the_category_list(' ,') ?> </p>
            </div>
            <div class="genaric-content">
            <p><?php the_excerpt(); ?></div></P>
            <p><a class="btn btn--blue" href="<?php the_permalink() ?>"> Countinue Reading</a></p>
          </div>

       <?php } echo paginate_links() ?>

  </div>

<?php get_footer(); ?>