From 8af5ec4f39d5b1b04d8f415e60defbc2864635a9 Mon Sep 17 00:00:00 2001
From: Prince_Pal <princeofbanarasup65@gmail.com>
Date: Thu, 23 Nov 2023 18:17:09 +0530
Subject: [PATCH] Update 23-11

---
 contirbutor.html |  72 +++++++------
 secrets.html     | 260 +++++++++++++++++++++++------------------------
 2 files changed, 172 insertions(+), 160 deletions(-)

diff --git a/contirbutor.html b/contirbutor.html
index 8695004..a11c171 100644
--- a/contirbutor.html
+++ b/contirbutor.html
@@ -54,37 +54,49 @@ <h2 class="text-primary mt-0">Know our Contributors</h2>
             </div>
         </div>
     </section>
-    <section class="page-section portfolio" style="background-color:antiquewhite;" id="portfolio">
-        <div class="container marketing">
-            <div class="row">
-              <div class="col-lg-4 ">
-                <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false">
-                    <title>Prince Pal</title>
-                    <image href="/helpdesk/assets/img/portfolio/fullsize/princepal.jpg" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"></image>
-                  </svg>
-                                  
-                <h2 class="fw-normal mt-4">Prince Pal</h2>
-                <h3 style="font-size: smaller;" class=""> Owner & Developer</h3>
-                <h3 style="font-size: smaller;">CSE-AI 2k21</h3>
-                <p><a class="btn btn-secondary mt-4" href="https://www.linkedin.com/in/theprince29/">Connect »</a></p>
-              </div><!-- /.col-lg-4 -->
-              <div class="col-lg-4">
-                <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"></rect></svg>
-                <h2 class="fw-normal mt-4">Your Name</h2>
-                <h3 style="font-size: smaller;" class="">Content Contributor</h3>
-                <h3 style="font-size: smaller;">branch & year</h3>
-                <p><a class="btn btn-secondary mt-4" href="#">Connect »</a></p>
-              </div><!-- /.col-lg-4 -->
-              <div class="col-lg-4">
-                <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"></rect></svg>
-                <h2 class="fw-normal mt-4">Your Name</h2>
-                <h3 style="font-size: smaller;" class="">Backend Contributor</h3>
-                <h3 style="font-size: smaller;">branch & year</h3>
-                <p><a class="btn btn-secondary mt-4" href="#">Connect »</a></p>
-              </div><!-- /.col-lg-4 -->
-            </div><!-- /.row -->          
+    <section class="page-section portfolio" style="background-color: antiquewhite;" id="portfolio">
+      <div class="container marketing">
+          <div class="row">
+              <div class="col-lg-4 col-md-6 mb-5">
+                  <div class="text-center">
+                       <div class="flex justify-content-center">
+                         <img class="bd-placeholder-img rounded-circle" width="140" height="140" src="/helpdesk/assets/img/portfolio/fullsize/princepal.jpg" alt="Prince Pal">
+                       </div>                    
+                      <h2 class="fw-normal mt-4">Prince Pal</h2>
+                      <h3 style="font-size: smaller;">Owner & Developer</h3>
+                      <h3 style="font-size: smaller;">CSE-AI 2k21</h3>
+                      <h3 style="font-size: smaller;">uietai2k21@gmail.com</h3>
+                      <p><a class="btn btn-secondary mt-4" href="https://www.linkedin.com/in/theprince29/">Connect »</a></p>
+                  </div>
+              </div>
+              <div class="col-lg-4 col-md-6 mb-5">
+                  <div class="text-center">
+                      <div class="flex justify-content-center">
+                        <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"></rect></svg>
+                      </div>
+                      <h2 class="fw-normal mt-4">Your Name</h2>
+                      <h3 style="font-size: smaller;">Content Contributor</h3>
+                      <h3 style="font-size: smaller;">branch & year</h3>
+                      <h3 style="font-size: smaller;">youremail@gmail.com</h3>
+                      <p><a class="btn btn-secondary mt-4" href="#">Connect »</a></p>
+                  </div>
+              </div>
+              <div class="col-lg-4 col-md-6 mb-5">
+                  <div class="text-center">
+                      <div class="flex justify-content-center">
+                        <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"></rect></svg>
+                      </div>
+                      <h2 class="fw-normal mt-4">Your Name</h2>
+                      <h3 style="font-size: smaller;">Backend Contributor</h3>
+                      <h3 style="font-size: smaller;">branch & year</h3>
+                      <h3 style="font-size: smaller;">youremail@gmail.com</h3>
+                      <p><a class="btn btn-secondary mt-4" href="#">Connect »</a></p>
+                  </div>
+              </div>
           </div>
-    </section>
+      </div>
+  </section>
+  
     <section class="page-section"> 
     <div class="container mt-4">
         <h1>Leaderboard</h1>
diff --git a/secrets.html b/secrets.html
index 7cf2ce3..9936030 100644
--- a/secrets.html
+++ b/secrets.html
@@ -55,7 +55,7 @@ <h2 class="text-primary mt-0">Welcome to "Topper Secrets" - Your Semester Succes
             </div>
         </div>
     </section>
-    <section class="page-section" id="services">
+    <section class="page-section" id="Choose_your_depart">
         <div class="container px-4 px-lg-5">
             <h2 class="text-center mt-0">Departments - Choose your's</h2>
             <hr class="divider" style="opacity: 0;">
@@ -157,19 +157,19 @@ <h2 class="text-center mt-0">Computer Science and Engineering</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-cse-semi-list" data-toggle="list" href="#cse-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semii-list" data-toggle="list" href="#cse-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semiii-list" data-toggle="list" href="#cse-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semiv-list" data-toggle="list" href="#cse-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semv-list" data-toggle="list" href="#cse-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semvi-list" data-toggle="list" href="#cse-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semvii-list" data-toggle="list" href="#cse-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-cse-semviii-list" data-toggle="list" href="#cse-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="cse-list-semi" role="tabpanel" aria-labelledby="list-cse-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -177,7 +177,7 @@ <h2 class="text-center mt-0">Computer Science and Engineering</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="cse-list-semii" role="tabpanel" aria-labelledby="list-cse-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -185,26 +185,26 @@ <h2 class="text-center mt-0">Computer Science and Engineering</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="cse-list-semiii" role="tabpanel" aria-labelledby="list-cse-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="cse-list-semiv" role="tabpanel" aria-labelledby="list-cse-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="cse-list-semv" role="tabpanel" aria-labelledby="list-cse-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="cse-list-semvi" role="tabpanel" aria-labelledby="list-cse-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="cse-list-semvii" role="tabpanel" aria-labelledby="list-cse-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="cse-list-semviii" role="tabpanel" aria-labelledby="list-cse-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -219,19 +219,19 @@ <h2 class="text-center mt-0">Artificial Intelligence</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-ai-semi-list" data-toggle="list" href="#ai-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semii-list" data-toggle="list" href="#ai-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semiii-list" data-toggle="list" href="#ai-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semiv-list" data-toggle="list" href="#ai-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semv-list" data-toggle="list" href="#ai-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semvi-list" data-toggle="list" href="#ai-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semvii-list" data-toggle="list" href="#ai-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-ai-semviii-list" data-toggle="list" href="#ai-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="ai-list-semi" role="tabpanel" aria-labelledby="list-ai-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -239,7 +239,7 @@ <h2 class="text-center mt-0">Artificial Intelligence</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="ai-list-semii" role="tabpanel" aria-labelledby="list-ai-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -247,26 +247,26 @@ <h2 class="text-center mt-0">Artificial Intelligence</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="ai-list-semiii" role="tabpanel" aria-labelledby="list-ai-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="ai-list-semiv" role="tabpanel" aria-labelledby="list-ai-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="ai-list-semv" role="tabpanel" aria-labelledby="list-ai-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="ai-list-semvi" role="tabpanel" aria-labelledby="list-ai-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="ai-list-semvii" role="tabpanel" aria-labelledby="list-ai-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="ai-list-semviii" role="tabpanel" aria-labelledby="list-ai-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -283,19 +283,19 @@ <h2 class="text-center mt-0">Information Technology</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-it-semi-list" data-toggle="list" href="#it-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semii-list" data-toggle="list" href="#it-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semiii-list" data-toggle="list" href="#it-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semiv-list" data-toggle="list" href="#it-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semv-list" data-toggle="list" href="#it-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semvi-list" data-toggle="list" href="#it-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semvii-list" data-toggle="list" href="#it-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-it-semviii-list" data-toggle="list" href="#it-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="it-list-semi" role="tabpanel" aria-labelledby="list-it-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -303,7 +303,7 @@ <h2 class="text-center mt-0">Information Technology</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="it-list-semii" role="tabpanel" aria-labelledby="list-it-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -311,26 +311,26 @@ <h2 class="text-center mt-0">Information Technology</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="it-list-semiii" role="tabpanel" aria-labelledby="list-it-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="it-list-semiv" role="tabpanel" aria-labelledby="list-it-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="it-list-semv" role="tabpanel" aria-labelledby="list-it-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="it-list-semvi" role="tabpanel" aria-labelledby="list-it-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="it-list-semvii" role="tabpanel" aria-labelledby="list-it-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="it-list-semviii" role="tabpanel" aria-labelledby="list-it-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -347,19 +347,19 @@ <h2 class="text-center mt-0">Computer Application</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-ca-semi-list" data-toggle="list" href="#ca-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semii-list" data-toggle="list" href="#ca-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semiii-list" data-toggle="list" href="#ca-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semiv-list" data-toggle="list" href="#ca-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semv-list" data-toggle="list" href="#ca-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semvi-list" data-toggle="list" href="#ca-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semvii-list" data-toggle="list" href="#ca-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-ca-semviii-list" data-toggle="list" href="#ca-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="ca-list-semi" role="tabpanel" aria-labelledby="list-ca-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -367,7 +367,7 @@ <h2 class="text-center mt-0">Computer Application</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="ca-list-semii" role="tabpanel" aria-labelledby="list-ca-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -375,26 +375,26 @@ <h2 class="text-center mt-0">Computer Application</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="ca-list-semiii" role="tabpanel" aria-labelledby="list-ca-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="ca-list-semiv" role="tabpanel" aria-labelledby="list-ca-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="ca-list-semv" role="tabpanel" aria-labelledby="list-ca-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="ca-list-semvi" role="tabpanel" aria-labelledby="list-ca-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="ca-list-semvii" role="tabpanel" aria-labelledby="list-ca-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="ca-list-semviii" role="tabpanel" aria-labelledby="list-ca-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -411,19 +411,19 @@ <h2 class="text-center mt-0">Mechanical Engineering</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-mee-semi-list" data-toggle="list" href="#mee-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semii-list" data-toggle="list" href="#mee-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semiii-list" data-toggle="list" href="#mee-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semiv-list" data-toggle="list" href="#mee-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semv-list" data-toggle="list" href="#mee-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semvi-list" data-toggle="list" href="#mee-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semvii-list" data-toggle="list" href="#mee-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-mee-semviii-list" data-toggle="list" href="#mee-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="mee-list-semi" role="tabpanel" aria-labelledby="list-mee-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -431,7 +431,7 @@ <h2 class="text-center mt-0">Mechanical Engineering</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="mee-list-semii" role="tabpanel" aria-labelledby="list-mee-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -439,26 +439,26 @@ <h2 class="text-center mt-0">Mechanical Engineering</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="mee-list-semiii" role="tabpanel" aria-labelledby="list-mee-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="mee-list-semiv" role="tabpanel" aria-labelledby="list-mee-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="mee-list-semv" role="tabpanel" aria-labelledby="list-mee-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="mee-list-semvi" role="tabpanel" aria-labelledby="list-mee-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="mee-list-semvii" role="tabpanel" aria-labelledby="list-mee-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="mee-list-semviii" role="tabpanel" aria-labelledby="list-mee-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -475,19 +475,19 @@ <h2 class="text-center mt-0">Electronics & Communications</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-ece-semi-list" data-toggle="list" href="#ece-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semii-list" data-toggle="list" href="#ece-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semiii-list" data-toggle="list" href="#ece-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semiv-list" data-toggle="list" href="#ece-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semv-list" data-toggle="list" href="#ece-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semvi-list" data-toggle="list" href="#ece-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semvii-list" data-toggle="list" href="#ece-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-ece-semviii-list" data-toggle="list" href="#ece-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="ece-list-semi" role="tabpanel" aria-labelledby="list-ece-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -495,7 +495,7 @@ <h2 class="text-center mt-0">Electronics & Communications</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="ece-list-semii" role="tabpanel" aria-labelledby="list-ece-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -503,26 +503,26 @@ <h2 class="text-center mt-0">Electronics & Communications</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="ece-list-semiii" role="tabpanel" aria-labelledby="list-ece-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="ece-list-semiv" role="tabpanel" aria-labelledby="list-ece-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="ece-list-semv" role="tabpanel" aria-labelledby="list-ece-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="ece-list-semvi" role="tabpanel" aria-labelledby="list-ece-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="ece-list-semvii" role="tabpanel" aria-labelledby="list-ece-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="ece-list-semviii" role="tabpanel" aria-labelledby="list-ece-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -539,19 +539,19 @@ <h2 class="text-center mt-0">Chemical Engineering</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-che-semi-list" data-toggle="list" href="#che-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semii-list" data-toggle="list" href="#che-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semiii-list" data-toggle="list" href="#che-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semiv-list" data-toggle="list" href="#che-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semv-list" data-toggle="list" href="#che-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semvi-list" data-toggle="list" href="#che-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semvii-list" data-toggle="list" href="#che-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-che-semviii-list" data-toggle="list" href="#che-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="che-list-semi" role="tabpanel" aria-labelledby="list-che-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -559,7 +559,7 @@ <h2 class="text-center mt-0">Chemical Engineering</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="che-list-semii" role="tabpanel" aria-labelledby="list-che-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -567,26 +567,26 @@ <h2 class="text-center mt-0">Chemical Engineering</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="che-list-semiii" role="tabpanel" aria-labelledby="list-che-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="che-list-semiv" role="tabpanel" aria-labelledby="list-che-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="che-list-semv" role="tabpanel" aria-labelledby="list-che-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="che-list-semvi" role="tabpanel" aria-labelledby="list-che-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="che-list-semvii" role="tabpanel" aria-labelledby="list-che-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="che-list-semviii" role="tabpanel" aria-labelledby="list-che-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>
@@ -598,7 +598,7 @@ <h2 class="text-center mt-0">Chemical Engineering</h2>
 
     <section class="page-section" id="msmeengg">
         <div class="container px-4 px-lg-5">
-            <h2 class="text-center mt-0">Master of Science in Mechanical Engineering</h2>
+            <h2 class="text-center mt-0">Master of Science in Meterial Engineering</h2>
             <hr class="divider" style="opacity: 0;">
             <div class="row">
                 <div class="col-4">
@@ -667,19 +667,19 @@ <h2 class="text-center mt-0">Vocational Studies</h2>
             <div class="row">
                 <div class="col-4">
                   <div class="list-group" id="list-tab" role="tablist">
-                    <a class="list-group-item list-group-item-action active" id="list-semi-list" data-toggle="list" href="#list-semi" role="tab" aria-controls="home">Semester I</a>
-                    <a class="list-group-item list-group-item-action" id="list-semii-list" data-toggle="list" href="#list-semii" role="tab" aria-controls="profile">Semester II</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiii-list" data-toggle="list" href="#list-semiii" role="tab" aria-controls="messages">Semester III</a>
-                    <a class="list-group-item list-group-item-action" id="list-semiv-list" data-toggle="list" href="#list-semiv" role="tab" aria-controls="settings">Semester IV</a>
-                    <a class="list-group-item list-group-item-action" id="list-semv-list" data-toggle="list" href="#list-semv" role="tab" aria-controls="settings">Semester V</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvi-list" data-toggle="list" href="#list-semvi" role="tab" aria-controls="settings">Semester VI</a>
-                    <a class="list-group-item list-group-item-action" id="list-semvii-list" data-toggle="list" href="#list-semvii" role="tab" aria-controls="settings">Semester VII</a>
-                    <a class="list-group-item list-group-item-action" id="list-semviii-list" data-toggle="list" href="#list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
+                    <a class="list-group-item list-group-item-action active" id="list-vs-semi-list" data-toggle="list" href="#vs-list-semi" role="tab" aria-controls="home">Semester I</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semii-list" data-toggle="list" href="#vs-list-semii" role="tab" aria-controls="profile">Semester II</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semiii-list" data-toggle="list" href="#vs-list-semiii" role="tab" aria-controls="messages">Semester III</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semiv-list" data-toggle="list" href="#vs-list-semiv" role="tab" aria-controls="settings">Semester IV</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semv-list" data-toggle="list" href="#vs-list-semv" role="tab" aria-controls="settings">Semester V</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semvi-list" data-toggle="list" href="#vs-list-semvi" role="tab" aria-controls="settings">Semester VI</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semvii-list" data-toggle="list" href="#vs-list-semvii" role="tab" aria-controls="settings">Semester VII</a>
+                    <a class="list-group-item list-group-item-action" id="list-vs-semviii-list" data-toggle="list" href="#vs-list-semviii" role="tab" aria-controls="settings">Semester VIII</a>
                   </div>
                 </div>
                 <div class="col-8">
                   <div class="tab-content" id="nav-tabContent">
-                    <div class="tab-pane fade show active" id="list-semi" role="tabpanel" aria-labelledby="list-semi-list">
+                    <div class="tab-pane fade show active" id="vs-list-semi" role="tabpanel" aria-labelledby="list-vs-semi-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -687,7 +687,7 @@ <h2 class="text-center mt-0">Vocational Studies</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semii" role="tabpanel" aria-labelledby="list-semii-list">
+                    <div class="tab-pane fade" id="vs-list-semii" role="tabpanel" aria-labelledby="list-vs-semii-list">
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
@@ -695,26 +695,26 @@ <h2 class="text-center mt-0">Vocational Studies</h2>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                         <button type="button" class="btn btn-primary">PHY-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiii" role="tabpanel" aria-labelledby="list-semiii-list">
+                    <div class="tab-pane fade" id="vs-list-semiii" role="tabpanel" aria-labelledby="list-vs-semiii-list">
                         <button type="button" class="btn btn-primary">CHE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                         <button type="button" class="btn btn-primary">CSE-S101</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semiv" role="tabpanel" aria-labelledby="list-semiv-list">
+                    <div class="tab-pane fade" id="vs-list-semiv" role="tabpanel" aria-labelledby="list-vs-semiv-list">
                         <button type="button" class="btn btn-primary">CSE-S304</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semv" role="tabpanel" aria-labelledby="list-semv-list">
+                    <div class="tab-pane fade" id="vs-list-semv" role="tabpanel" aria-labelledby="list-vs-semv-list">
                         <button type="button" class="btn btn-primary">CSE-S305</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvi" role="tabpanel" aria-labelledby="list-semvi-list">
+                    <div class="tab-pane fade" id="vs-list-semvi" role="tabpanel" aria-labelledby="list-vs-semvi-list">
                         <button type="button" class="btn btn-primary">CSE-S306</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semvii" role="tabpanel" aria-labelledby="list-semvii-list">
+                    <div class="tab-pane fade" id="vs-list-semvii" role="tabpanel" aria-labelledby="list-vs-semvii-list">
                         <button type="button" class="btn btn-primary">CSE-S307</button>
                     </div>
-                    <div class="tab-pane fade" id="list-semviii" role="tabpanel" aria-labelledby="list-semviii-list">
+                    <div class="tab-pane fade" id="vs-list-semviii" role="tabpanel" aria-labelledby="list-vs-semviii-list">
                         <button type="button" class="btn btn-primary">CSE-S308</button>
                     </div>
                   </div>