There was a reason why we learnt about inherited templates! We need to improve the appearance of our website. At the moment it looks like it was born in the 90s.
The way that we're going to quickly improve the appearance of our website is of course through that super useful tool we learnt about on Day 58 - Bootstrap. Previously we saw that we could simply include a link to the Bootstrap CSS code in the header of our website. But there's an even easier way. We can use the Bootstrap-Flask Python extension.
1. Install Bootstrap-Flask to your project using pip:
pip install bootstrap-flask
2. CHALLENGE: Delete the super block in your denied.html file and use the Bootstrap-Flask documentation to convert our denied.html, success.html, login.html and index.html to use Bootstrap as the template.
HINT 1: Follow the documentation to initialise bootstrap-flask in your main.py
HINT 2: Load the bootstrap css inside your base.html.
This is what your website should look like if you complete the challenge:
