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. You can verify this by checking that when you scroll the navigation bar becomes sticky at the top and changes background color 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