First try at Cleaning code and making it modular

Author: diljitsgit

.gitignore

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Quiz App</title>
     <link rel="icon" type="image/x-icon" href="./favicon.svg">
-    <link rel="stylesheet" href="style.css" type="text/css">
+    <link rel="stylesheet" href="Styling/style.css" type="text/css">
     <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
     <link rel="stylesheet"
         href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
@@ -151,7 +151,8 @@ <h4 style="margin: 0; padding: 1rem 2rem;">How can i improve?</h4>
         }
     </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.js"></script>
-    <script type="module" src="main.js"></script>
+    <script type="module" src="public/main.js"></script>
+    <script type="module" src="public/navbar.js"></script>
 </body>
 
 </html>