improved project

templates/index.html

@@ -1,13 +1,7 @@
-{% extends "bootstrap/base.html" %}
-{% import "bootstrap/fixes.html" as fixes %}
+{% extends "bootstrap5/base.html" %}
 
 {% block title %}Professional Demo Site{% endblock %}
 
-{% block head %}
-{{ super() }}
-{{ fixes.ie8() }}  <!-- Optional IE8 fix if needed -->
-{% endblock %}
-
 {% block styles %}
 {{ super() }}  <!-- Includes Bootstrap CSS -->
 <style>
@@ -42,7 +36,7 @@
 {% block content %}
 <div class="container">
     <!-- Hero Section -->
-    <div class="jumbotron text-center bg-primary text-white py-5 mt-4 rounded">
+    <div class="bg-primary text-white py-5 mt-4 rounded text-center">
         <h1 class="display-4">Welcome to the Professional Demo Site</h1>
         <p class="lead">This is a realistic, Bootstrap-powered Flask application for demonstration purposes. It features responsive design and modern UI elements.</p>
         <a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a>