So I am designing a page where I'm showing all the categories like this:

I created a custom page template for this and added this code:

                <div class="timeline-post-categories">
                  <?php
                    $categories = get_categories();
                    foreach($categories as $category) {
                       echo '<div class="col-md-4 post-categories"><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></div>';
                    }
                  ?>
                </div>

and with some css I was able to create the exact replica of this page. Now the problem is when I click on any category they take me to the category's single page which shows all the blogs with entire content. My problem is I want to show only the title and date in a similar timeline design view, something like this: