edited navbar and properly linked them

vlabsproject · Mar 1, 2024 · 4aa8361 · 4aa8361
1 parent 712fbbd
commit 4aa8361
Show file tree

Hide file tree

Showing 6 changed files with 68 additions and 67 deletions.
diff --git a/html/Introduction.html b/html/Introduction.html
@@ -40,34 +40,35 @@
                 </a>
 
                 <div class="nav__list">
-                    <a href="#" class="nav__link active" onmouseover="playhover()">
-                        <i class='bx bxs-info-circle'onmouseover="playhover()" ></i>
+                    <a href="#" class="nav__link active"  onmouseover="playhover()">
+                        <i class='bx bxs-info-circle' onclick="window.location.href='./introduction.html'" ></i>
                         <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
                     </a>
 
                     <a href="#" class="nav__link " onmouseover="playhover()">
-                        <i class='bx bx-book-bookmark' onmouseover="playhover()"></i>
+                        <i class='bx bx-book-bookmark' onclick="window.location.href='./Theory.html'"></i>
                         <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
                     </a>
 
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bx-laptop'onmouseover="playhover()" ></i>
+                        <i class='bx bx-laptop'onclick="window.location.href='./simulation.html'" ></i>
                         <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
                     </a>
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bx-brain' onmouseover="playhover()"></i>
+                        <i class='bx bx-brain' onclick="window.location.href='./quiz.html'"></i>
                         <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
                     </a>
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bxs-message-rounded-detail'onmouseover="playhover()" ></i>
+                        <i class='bx bxs-message-rounded-detail'onclick="window.location.href=''" ></i>
                         <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
                     </a>
 
-                    <a href="#" class="nav__link"  onmouseover="playhover()">
-                        <i class='bx bxs-help-circle'onmouseover="playhover()"></i>
+                    <a href="#" class="nav__link "  onmouseover="playhover()">
+                        <i class='bx bxs-help-circle'onclick="window.location.href='./faq.html'"></i>
                         <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
                     </a>
                 </div>
+
             </div>
 
             <a href="#" class="nav__link" onmouseover="playudio()">

diff --git a/html/Theory.html b/html/Theory.html
@@ -52,30 +52,30 @@
 
                 <div class="nav__list">
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bxs-info-circle'onmouseover="playhover()" ></i>
+                        <i class='bx bxs-info-circle' onclick="window.location.href='./introduction.html'" ></i>
                         <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
                     </a>
 
                     <a href="#" class="nav__link active" onmouseover="playhover()">
-                        <i class='bx bx-book-bookmark' onmouseover="playhover()"></i>
+                        <i class='bx bx-book-bookmark'onclick="window.location.href='./Theory.html'"></i>
                         <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
                     </a>
 
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bx-laptop'onmouseover="playhover()" ></i>
+                        <i class='bx bx-laptop' onclick="window.location.href='./simulation.html'"></i>
                         <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
                     </a>
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bx-brain' onmouseover="playhover()"></i>
+                        <i class='bx bx-brain'   onclick="window.location.href='./quiz.html'" ></i>
                         <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
                     </a>
                     <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bxs-message-rounded-detail'onmouseover="playhover()" ></i>
+                        <i class='bx bxs-message-rounded-detail' onclick="window.location.href=''" ></i>
                         <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
                     </a>
 
                     <a href="#" class="nav__link"  onmouseover="playhover()">
-                        <i class='bx bxs-help-circle'onmouseover="playhover()"></i>
+                        <i class='bx bxs-help-circle' onclick="window.location.href='./faq.html'"></i>
                         <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
                     </a>
                 </div>

diff --git a/html/faq.html b/html/faq.html
@@ -33,31 +33,30 @@
                         </a>
 
                         <div class="nav__list">
-                            <a href="#" class="nav__link active" onmouseover="playhover()">
-                                <i class='bx bxs-info-circle'onmouseover="playhover()" ></i>
+                            <a href="#" class="nav__link " onmouseover="playhover()">
+                                <i class='bx bxs-info-circle' onclick="window.location.href='./introduction.html'" ></i>
                                 <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
                             </a>
 
                             <a href="#" class="nav__link " onmouseover="playhover()">
-                                <i class='bx bx-book-bookmark' onmouseover="playhover()"></i>
+                                <i class='bx bx-book-bookmark' onclick="window.location.href='./Theory.html'"></i>
                                 <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
                             </a>
 
                             <a href="#" class="nav__link "  onmouseover="playhover()">
-                                <i class='bx bx-laptop'onmouseover="playhover()" ></i>
+                                <i class='bx bx-laptop'onclick="window.location.href='./simulation.html'" ></i>
                                 <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
                             </a>
                             <a href="#" class="nav__link "  onmouseover="playhover()">
-                                <i class='bx bx-brain' onmouseover="playhover()"></i>
+                                <i class='bx bx-brain' onclick="window.location.href='./quiz.html'"></i>
                                 <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
                             </a>
                             <a href="#" class="nav__link "  onmouseover="playhover()">
-                                <i class='bx bxs-message-rounded-detail'onmouseover="playhover()" ></i>
+                                <i class='bx bxs-message-rounded-detail'onclick="window.location.href=''" ></i>
                                 <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
                             </a>
-
-                            <a href="#" class="nav__link"  onmouseover="playhover()">
-                                <i class='bx bxs-help-circle'onmouseover="playhover()"></i>
+                            <a href="#" class="nav__link active"  onmouseover="playhover()">
+                                <i class='bx bxs-help-circle'onclick="window.location.href='./faq.html'"></i>
                                 <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
                             </a>
                         </div>

diff --git a/html/quiz.html b/html/quiz.html
@@ -37,34 +37,35 @@
                     </a>
 
                     <div class="nav__list">
-                        <a href="#" class="nav__link "   onmouseover="playhover()">
-                            <i class='bx bxs-info-circle'onmouseover="playhover()" ></i>
+                        <a href="#" class="nav__link " onmouseover="playhover()">
+                            <i class='bx bxs-info-circle' onclick="window.location.href='./introduction.html'" ></i>
                             <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
                         </a>
 
                         <a href="#" class="nav__link " onmouseover="playhover()">
-                            <i class='bx bx-book-bookmark' onmouseover="playhover()"></i>
+                            <i class='bx bx-book-bookmark' onclick="window.location.href='./Theory.html'"></i>
                             <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
                         </a>
 
                         <a href="#" class="nav__link "  onmouseover="playhover()">
-                            <i class='bx bx-laptop'onmouseover="playhover()" ></i>
+                            <i class='bx bx-laptop'onclick="window.location.href='./simulation.html'" ></i>
                             <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
                         </a>
-                        <a href="#" class="nav__link " onmouseover="playhover()">
-                            <i class='bx bx-brain' onmouseover="playhover()"></i>
+                        <a href="#" class="nav__link active"  onmouseover="playhover()">
+                            <i class='bx bx-brain' onclick="window.location.href='./quiz.html'"></i>
                             <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
                         </a>
                         <a href="#" class="nav__link "  onmouseover="playhover()">
-                            <i class='bx bxs-message-rounded-detail'onmouseover="playhover()" ></i>
+                            <i class='bx bxs-message-rounded-detail'onclick="window.location.href=''" ></i>
                             <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
                         </a>
 
-                        <a href="#" class="nav__link"  onmouseover="playhover()">
-                            <i class='bx bxs-help-circle'onmouseover="playhover()"></i>
+                        <a href="#" class="nav__link "  onmouseover="playhover()">
+                            <i class='bx bxs-help-circle'onclick="window.location.href='./faq.html'"></i>
                             <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
                         </a>
                     </div>
+
                 </div>
 
                 <a href="#" class="nav__link" onmouseover="playudio()">

diff --git a/html/simulation.html b/html/simulation.html
@@ -110,35 +110,35 @@
 
                 <div class="nav__list">
                   <a href="#" class="nav__link " onmouseover="playhover()">
-                        <i class='bx bxs-info-circle'onmouseover="playhover()" ></i>
-                        <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
-                    </a>
-    
-                    <a href="#" class="nav__link " onmouseover="playhover()">
-                        <i class='bx bx-book-bookmark' onmouseover="playhover()"></i>
-                        <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
-                    </a>
-    
-                    <a href="#" class="nav__link active"   onmouseover="playhover()">
-                        <i class='bx bx-laptop'onmouseover="playhover()" ></i>
-                        <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
-                    </a>
-                    <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bx-brain' onmouseover="playhover()"></i>
-                        <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
-                    </a>
-                    <a href="#" class="nav__link "  onmouseover="playhover()">
-                        <i class='bx bxs-message-rounded-detail'onmouseover="playhover()" ></i>
-                        <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
-                    </a>
-    
-                    <a href="#" class="nav__link"  onmouseover="playhover()">
-                        <i class='bx bxs-help-circle'onmouseover="playhover()"></i>
-                        <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
-                    </a>
-                </div>
-            </div>
-
+                      <i class='bx bxs-info-circle' onclick="window.location.href='./introduction.html'" ></i>
+                      <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
+                  </a>
+
+                  <a href="#" class="nav__link " onmouseover="playhover()">
+                      <i class='bx bx-book-bookmark' onclick="window.location.href='./Theory.html'"></i>
+                      <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
+                  </a>
+
+                  <a href="#" class="nav__link active"   onmouseover="playhover()">
+                      <i class='bx bx-laptop'onclick="window.location.href='./simulation.html'" ></i>
+                      <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
+                  </a>
+                  <a href="#" class="nav__link "  onmouseover="playhover()">
+                      <i class='bx bx-brain' onclick="window.location.href='./quiz.html'"></i>
+                      <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
+                  </a>
+                  <a href="#" class="nav__link "  onmouseover="playhover()">
+                      <i class='bx bxs-message-rounded-detail'onclick="window.location.href=''" ></i>
+                      <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
+                  </a>
+
+                  <a href="#" class="nav__link "  onmouseover="playhover()">
+                      <i class='bx bxs-help-circle'onclick="window.location.href='./faq.html'"></i>
+                      <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
+                  </a>
+              </div>
+
+          </div>
             <a href="#" class="nav__link" onmouseover="playudio()">
                 <i class='bx bx-log-out nav__icon' onmouseover="playhover()"></i>
                 <span class="nav__name" onclick="window.location.href='/index.html'">Log Out</span>

diff --git a/html/simupartwo.html b/html/simupartwo.html
@@ -30,30 +30,30 @@
 
               <div class="nav__list">
                 <a href="#" class="nav__link " onmouseover="playhover()">
-                      <i class='bx bxs-info-circle'onmouseover="playhover()" ></i>
+                      <i class='bx bxs-info-circle' onclick="window.location.href='./introduction.html'" ></i>
                       <span class="nav__name"   onclick="window.location.href='./introduction.html'">Introduction</span>
                   </a>
 
                   <a href="#" class="nav__link " onmouseover="playhover()">
-                      <i class='bx bx-book-bookmark' onmouseover="playhover()"></i>
+                      <i class='bx bx-book-bookmark' onclick="window.location.href='./Theory.html'"></i>
                       <span class="nav__name" onclick="window.location.href='./Theory.html'">Theory</span>
                   </a>
 
                   <a href="#" class="nav__link active"  onmouseover="playhover()">
-                      <i class='bx bx-laptop'onmouseover="playhover()" ></i>
+                      <i class='bx bx-laptop'onclick="window.location.href='./simulation.html'" ></i>
                       <span class="nav__name" onclick="window.location.href='./simulation.html'">Simulation</span>
                   </a>
                   <a href="#" class="nav__link "  onmouseover="playhover()">
-                      <i class='bx bx-brain' onmouseover="playhover()"></i>
+                      <i class='bx bx-brain'  onclick="window.location.href='./quiz.html'"></i>
                       <span class="nav__name"    onclick="window.location.href='./quiz.html'">Quiz</span>
                   </a>
                   <a href="#" class="nav__link "  onmouseover="playhover()">
-                      <i class='bx bxs-message-rounded-detail'onmouseover="playhover()" ></i>
+                      <i class='bx bxs-message-rounded-detail'onclick="window.location.href=''" ></i>
                       <span class="nav__name"  onclick="window.location.href=''">Chatbot</span>
                   </a>
 
                   <a href="#" class="nav__link"  onmouseover="playhover()">
-                      <i class='bx bxs-help-circle'onmouseover="playhover()"></i>
+                      <i class='bx bxs-help-circle'onclick="window.location.href='./faq.html'"></i>
                       <span class="nav__name"  onclick="window.location.href='./faq.html'">FAQ</span>
                   </a>
               </div>