Update index.html

index.html

@@ -19,7 +19,8 @@
     <h1 class="welcome_title pt-5 m-0 text-center"></h1>
     <div class="flex-grow-1">
       <div class="games d-flex p-5 w-100 h-100">
-        <button class="game btn text-white fs-1 bg-danger" style="flex-basis: 100%">Matchup</button>
+        <button class="game btn text-white fs-1 bg-danger" style="flex-basis: 50%">Matchup</button>
+        <button class="game btn text-white fs-1 bg-danger" style="flex-basis: 50%">Quiz</button>
       </div>
       <div class="topics d-flex p-5 w-100 h-100">
         <button class="topic btn text-white fs-1 bg-danger" style="flex-basis: 33.3%">Dynamics</button>
@@ -40,6 +41,18 @@ <h1 class="welcome_title pt-5 m-0 text-center"></h1>
     <div class="elements"></div>
   </section>
 
+  <section class="quiz d-none">
+    <div class="term"></div>
+    <div class="row">
+      <button class="btn"></button>
+      <button class="btn"></button>
+    </div>
+    <div class="row">
+      <button class="btn"></button>
+      <button class="btn"></button>
+    </div>
+  </section>
+
   <script src="matchup.js"></script>
 
   <script>
@@ -89,6 +102,8 @@ <h1 class="welcome_title pt-5 m-0 text-center"></h1>
             document.querySelector(".match-up").classList.remove('d-none');
             startStopwatch();
             script("Music", topic_chosen);
+          } else if (game_chosen == "Quiz") {
+            document.querySelector(".quiz").classList.remove('d-none');
           }
         });
       });