WordPress

<?php
/**
 *
 * Template Name: Blog
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Tribe_of_David
 */

get_header();
$blog_args = array( 'post_type' => 'post', 'posts_per_page' => 3,'order'   => 'ASC'  );
$blog_loop = new WP_Query( $blog_args );

?>
    <div class="main_page_content">
    <div class="section blog_section" id="blog">
        <div class="wrap">
            <h2 class="section_title">BLOG</h2>
            <ul class="blog_items">
                <?php while ( $blog_loop->have_posts() ) : $blog_loop->the_post(); ?>
                    <li>
                        <div class="blog_thumbnail"><img src="<?php the_post_thumbnail_url(); ?>" alt=""></div>
                        <div class="blog_excerpt_grid">
                            <div class="blog_excerpt_col blog_date">
                                <div class="date_box"><?php the_time('j') ?></div>
                                <div class="date_box"><?php the_time('F') ?> <br> <?php the_time('Y') ?></div>
                            </div>
                            <div class="blog_excerpt_col blog_excerpt_text">
                                <h4><?php the_title() ?></h4>
                                <p>
                                    <?php the_excerpt(); ?>
                                </p>
                                <a href="<?php the_permalink(); ?>" class="read_on">
                                    Read more
                                    <svg height="11px" version="1.1" viewBox="0 0 6 11" width="6px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="none" fill-rule="evenodd" id="Desktop-(AFR)" stroke="none" stroke-width="1"><g id="Company" stroke="currentColor" stroke-width="1.5" transform="translate(-1311.000000, -42.000000)"><polyline id="Path-2-Copy" points="1312 43 1316 47.5 1312 52"></polyline></g></g></svg>
                                </a>
                            </div>
                        </div>
                    </li>
                <?php endwhile; ?>

            </ul>
        </div>
    </div>
    </div>

<?php
get_footer();