Implementing the blog home page section

Our blog home page will consist of two main sections:

• Image slider/carousel to showcase blog posts
• All blog posts are presented using cards

Implementing the image slider

The first section will contain an image slider, also known as a carousel, which is intended to display highlighted posts/content.

Simple image slider

Firstly, we will create an image slider that automatically scrolls and has no buttons or captions.

Add the following code to the index.php file:

Let's run through the lines of code we just added:

• Line 3 adds...