tags as our boxes. But now we have lots of different boxes (box types) which tell us more (or give the page more meaning) This is semantic HTML. Nothing more than giving your boxes meaning.

So think about your content - you can make 3 boxes.

1. A header box ( <header> which should not be confused tith ) This is at the top of your page
2. A main box (<main>) which is simply a box for you main content.
3. A footer box (<footer>) for things at the bottom of your page.

I can see you have made a footer to hold the social media links. That's right.
You have also created a navigation ( box ) to. It might be nice to have the navigation inside a header.

You also have main - but everything should be in that box except header and footer.

So

<header>
Navigation here
</header>
<main>
main content here
</main>
<foooter>
social media links.
</footer>

Once you have those basics in place you can think about more about how to fill the boxes (so we often break the main "box" into sections), and how to arrange the boxes on your page.

It's a good effort so keep going with your learning.

Steve