@super-gill
Posted
I think I can help you a little bit
Change your image src attribute to: src="image-qr-code.png" its currently looking for the image in a subdirectory that doesn't exist, you defined the size of the image container and the image which may need to be adjusted when the image appears.
Change the section with the class main to a main tag <main> </main> wrap the footer in <footer> </footer> tags.
Use google fonts to find the font in the project details, it gives you a link you can add to your head section and from then on you can reference the font by name in inverted commas ( ' ' ).
That should get you a bit closer to the example, something you might also want to look up is flexbox and grid which will help you coordinate the sizes and positions.