changedthe whole view of the website. completed full migration of the…

Landing/index.html → index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kinyarwanda Flashcards - Learn Rwandan Language</title>
-    <link rel="stylesheet" href="landing.css">
+    <link rel="stylesheet" href="/Landing/landing.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
@@ -37,7 +37,7 @@ <h1>Learn Kinyarwanda with Interactive Flashcards</h1>
             </div>
         </div>
         <div class="hero-image">
-            <img src="hero-image.png" alt="Kinyarwanda Flashcards Preview">
+            <img src="/Landing/hero-image.png" alt="Kinyarwanda Flashcards Preview">
         </div>
     </section>
 
@@ -89,7 +89,7 @@ <h2>Ready to Start Learning Kinyarwanda?</h2>
             <div class="footer-links">
                 <h4>Quick Links</h4>
                 <ul>
-                    <li><a href="/quiz.html">Quiz App</a></li>
+                    <li><a href="/quiz/quiz.html">Quiz App</a></li>
                     <li><a href="/flashcards/flashcards.html">Flashcards</a></li>
                     <li><a href="#features">Features</a></li>
                     <li><a href="#about">About</a></li>
@@ -110,6 +110,6 @@ <h4>Contact Us</h4>
         </div>
     </footer>
 
-    <script src="landing.js"></script>
+    <script src="/Landing/landing.js"></script>
 </body>
 </html>

quiz.html → quiz/quiz.html

@@ -45,7 +45,7 @@
 <body>
   <header>
   <div class="logo"> 
-  <img src=" images/logo.svg" alt="Polyglot Quiz App Logo" class="logo" aria-label="Polyglot Quiz App Logo">
+  <img src="/images/logo.svg" alt="Polyglot Quiz App Logo" class="logo" aria-label="Polyglot Quiz App Logo">
   </div>
     <nav>  
     <h1>Ejo Quiz App</h1>

script.js → quiz/script.js

@@ -49,7 +49,7 @@ class QuizApp {
 
     async loadQuestions() {
         const language = this.languageSelect.value;
-        let file = language === 'french' ? 'questions/french.json' : language === 'spanish'? 'questions/spanish.json' : 'questions/ikinyarwanda.json';
+        let file = language === 'french' ? '/questions/french.json' : language === 'spanish'? '/questions/spanish.json' : '/questions/ikinyarwanda.json';
         try {
             const response = await fetch(file);
             const data = await response.json();

styles.css → quiz/styles.css

@@ -38,7 +38,7 @@ body {
     align-self: left;
     margin: 0 auto;
     text-align: left; 
-    position: absolute;
+    position: relative;
 }
 
 header {