Notice that at the moment the styling is completely missing. This is because the static files (CSS/JS/images etc.) are served up by our server and they are no longer at the locations specified in the header.

1. Fix the header in index.html so that the styling and bootstrap all appear. When you reload the website, it should look like this:

Note: it's usually a good idea to build a dynamic url for the static resources instead of just pointing to the static folder. See the documentation here:

https://flask.palletsprojects.com/en/2.3.x/quickstart/#static-files

2. Fix the footer resources so that the Javascript works. The navbar disappears off the top of the page when you scroll down, but it reappears as soon as you start scrolling upwards - and it stays there until you scroll down again. e.g.:

3. Make the home-bg.jpg background image re-appear by fixing the <header> section. Afterwards your page should look like this:

SOLUTION