The WordPress Loop - content not appearing

Hi,

I've been working through the Wordpress development track.

Currently, I'm on to the Wordpress loop video.

At about 3.50 on the video, Zac has completed the loop in order to display content on the home page of allisongrayce.com. In the text editor, we are working on the file front-page.php.

My code is the following.

<?php get_header(); ?>

<p>This is the front-page.php file.</p>

<?php if ( have_posts() ) : while ( have_posts( ) ) : the_post(); ?>

    <h3><?php the_title(); ?></h3>

    <p><?php the_content(); ?></p>
    <hr>

<?php endwhile; else: ?>

<p>There are no posts to display here</p>

<?php endif; ?>

<?php get_footer(); ?>

When I refresh in the browser, the text I have displayed looks like so:

This is the header.

This is the front-page.php file.

There are no posts to display here.

This is the footer.

My h3 tag containing the text 'Home' does not display, and neither does my hr tag.

I can see that this question has been posted on the forum before but it's been left unanswered.

If anyone could point me in the right direction it would be much appreciated.

Many Thanks.