How to display media boxes in the home?

Absolutely… you can put that right into your page. Switch to the “Text” view and then paste the code into that.

The other option is that if you don’t have page content and just want to do what I did on the live demo site, you can also use a text widget into the Top 1, 2, 3, and 4 positions. Here is an example of what you would put into the widget:

<div class="cir-mediabox1" style="margin-top: 0;">
<div><img alt="..." src="https://demo.styledthemes.com/circumference-lite/wp-content/uploads/fp-box1.jpg" /></div>
<h3>Loaded with Goodies</h3>
<p>Circumference comes loaded with many features to help you create almost any kind of website you put into it. With theme options, styles, and ready for popular plugins, you can have an amazing website for your business.</p>
<a class="btn btn-grey btn-sm">Details</a>
</div>

You can also use just this if you want everything standard and left aligned:

<img alt="..." src="https://demo.styledthemes.com/circumference-lite/wp-content/uploads/fp-box1.jpg" />
<h3>Loaded with Goodies</h3>
<p>Circumference comes loaded with many features to help you create almost any kind of website you put into it. With theme options, styles, and ready for popular plugins, you can have an amazing website for your business.</p>
<a class="btn btn-grey btn-sm">Details</a>

Hello again. Can I add additional content i.e.a zipped file (video/ Articulate course sample) to this code? If so where and how?

Many thanks again.

Anything between the <div> and </div> you can add anything you want ??

It worked!

Thanks!