diff --git a/covid19/static/index.js b/covid19/static/index.js
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..abacab81268b850a4b3129c6387e0e7bce4bc0fb 100644
--- a/covid19/static/index.js
+++ b/covid19/static/index.js
@@ -0,0 +1,4 @@
+import 'node_modules/jquery/dist/jquery.min.js'
+import 'node_modules/popper.js/dist/popper.min.js'
+import 'node_modules/bootstrap/dist/js/bootstrap.min.js'
+import 'node_modules/@fortawesome/fontawesome-free/js/all.min.js'
\ No newline at end of file
diff --git a/covid19/static/styles.css b/covid19/static/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..8bd7e47eee63bcf45caf3a5ea0102aeaa420dcd0
--- /dev/null
+++ b/covid19/static/styles.css
@@ -0,0 +1,2 @@
+@import url("node_modules/bootstrap/dist/css/bootstrap.css");
+@import url("node_modules/@fortawesome/fontawesome-free/css/all.css");
diff --git a/covid19/templates/page_layout.html b/covid19/templates/page_layout.html
index 4877f12494e0a6a5253b5c28d654db2a43de614d..1bfce196b0e671bd2a1b7ac16928fa2e7b5f8bf1 100644
--- a/covid19/templates/page_layout.html
+++ b/covid19/templates/page_layout.html
@@ -3,10 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
- integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
- crossorigin="anonymous">
- <link href="/fontawesome_free/css/all.min.css" rel="stylesheet" type="text/css">
+ <link rel="stylesheet" href="/styles.css">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<title>{{page_info.title}}</title>
</head>
@@ -58,15 +55,6 @@
</footer>
</div>
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
- integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
- crossorigin="anonymous"></script>
- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
- integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
- crossorigin="anonymous"></script>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
- integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
- crossorigin="anonymous"></script>
- <script src="/fontawesome_free/js/all.min.js"></script>
+ <script src="/index.js"></script>
</body>
</html>
\ No newline at end of file