diff --git a/templates/index.html b/templates/index.html
index ff05983..d3ac6d1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,19 +3,17 @@
 
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
-    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
-    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/jquery-3.5.1.min.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/plotly-latest.min.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/socket.io.min.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/rustico.js') }}"></script>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='index.css') }}">
+    <!-- <script src="{{ url_for('static', filename='index.js') }}"></script> -->
 </head>
 
 <title>Hello world!</title>
 
 <body class="h-100 d-flex flex-column">
-<main class="container my-2 border h-100">
+    <div id="root" class="my-2 flex-fill d-flex">
+
+    </div>
+    <!-- <main class="container my-2 border h-100">
 
     <div class="row row-cols-auto justify-content-center my-2" id="statistics">
         <div class="card bg-light mx-auto" style="max-width: 25rem;">
@@ -101,28 +99,26 @@
         <div class="col">
             <div class="my-auto" id="price_chart">
                 <!-- Price chart is inserted here by rustico.js -->
-            </div>
+    <!-- </div>
         </div>
     </div>
 </main>
 
 <div class="toast-container hide">
-    <div class="toast mx-2 my-2 bg-success hide" id="connectedtoast" role="alert" aria-live="assertive" aria-atomic="true">
+    <div class="toast mx-2 my-2 bg-success hide" id="connectedtoast" role="alert" aria-live="assertive"
+         aria-atomic="true">
         <div class="toast-header">
             <strong class="me-auto">Connected!</strong>
-            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>    </div>
-<!--        <div class="toast-body bg-light">-->
-<!--            You are connected to the server.-->
-<!--        </div>-->
+            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+        </div>
     </div>
 
-    <div class="toast mx-2 my-2 bg-danger hide" id="disconnectedtoast" role="alert" aria-live="assertive" aria-atomic="true">
+    <div class="toast mx-2 my-2 bg-danger hide" id="disconnectedtoast" role="alert" aria-live="assertive"
+         aria-atomic="true">
         <div class="toast-header">
             <strong class="me-auto">Disconnected!</strong>
-            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>    </div>
-<!--        <div class="toast-body bg-light">-->
-<!--            You got disconnected from the server.-->
-<!--        </div>-->
+            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+        </div>
     </div>
 </div>
 
@@ -130,7 +126,14 @@
     <div class="container text-center">
         <span class="text-muted">Made with ❤️ by the Pepe</span>
     </div>
-</footer>
+</footer> -->
+
+    <script src="{{ url_for('static', filename='index.js') }}"></script>
+    <footer class="footer py-3 bg-light border-top">
+        <div class="container text-center">
+            <span class="text-muted">Made with ❤️ by the Pepe</span>
+        </div>
+    </footer>
 </body>
 
 </html>
\ No newline at end of file
