Update2026

CONTRIBUTORS.md

@@ -264,6 +264,8 @@
 
 [@christopher-force](https://github.com/christopher-force)
 
+[@SuperCoderBlue](https://github.com/SuperCoderBlue)
+
 [@sahilverma0433](https://github.com/cryptic-padawan)
 
 [@Lejla1502](https://github.com/Lejla1502)
@@ -280,6 +282,5 @@
 
 [@RedNoodle325](https://github.com/RedNoodle325)
 
-[@bunnyBites](https://github.com/bunnyBites)
--[@Vigneshwaar](https://github.com/V6g1)
+[@bunnyBites](https://github.com/bunnyBites) -[@Vigneshwaar](https://github.com/V6g1)
 [@proton029](https://github.com/proton029)

about.html

@@ -68,7 +68,7 @@
     <!-- END navbar	 -->
     <div class="animated bounce first-div">
       <div class="container-fluid about-container">
-        <h1 class="animated bounce">The Complete Web Developer in 2021: ZTM</h1>
+        <h1 class="animated bounce">The Complete Web Developer in 2026: ZTM</h1>
         <h2 class="animated bounce">Course Content</h2>
 
         <ul class="list-group list-group-flush">
@@ -99,6 +99,15 @@ <h2 class="animated bounce">Course Content</h2>
               </small>
             </div>
           </li>
+          <li class="list-group-item dropDown">
+            A.I. & How to Use ChatGPT
+            <div class="dropDownContent">
+              <small>
+                This section will help you understand the power of these A.I. tools, but also 
+                the big mistake that people make with them.
+              </small>
+            </div>
+          </li>
           <li class="list-group-item dropDown">
             HTML 5
             <div class="dropDownContent">
@@ -186,15 +195,6 @@ <h2 class="animated bounce">Course Content</h2>
               </small>
             </div>
           </li>
-          <li class="list-group-item dropDown">
-            ECMA Script Concepts
-            <div class="dropDownContent">
-              <small>
-                Latest Javascript trends with concepts ranging from ES5, ES6 to
-                ES9 & ES10.
-              </small>
-            </div>
-          </li>
           <li class="list-group-item dropDown">
             Command Line
             <div class="dropDownContent">
@@ -236,11 +236,18 @@ <h2 class="animated bounce">Course Content</h2>
             </div>
           </li>
           <li class="list-group-item dropDown">
-            React.js + Redux
+            React.js Fundamentals (v19)
             <div class="dropDownContent">
               <small>
-                You'll learn one of the upcoming technology known as React and
-                Redux.
+                You'll learn one of the upcoming technology known as React.
+              </small>
+            </div>
+          </li>
+          <li class="list-group-item dropDown">
+            [OPTIONAL] Extra Learning: React Hooks
+            <div class="dropDownContent">
+              <small>
+                This section is optional. You'll learn about React Hooks.
               </small>
             </div>
           </li>
@@ -267,6 +274,15 @@ <h2 class="animated bounce">Course Content</h2>
               </small>
             </div>
           </li>
+          <li class="list-group-item dropDown">
+            Leveling Up: The Power of Problem Solving
+            <div class="dropDownContent">
+              <small>
+                You'll learn how to apply skill of problem solving 
+                in your career as a web developer.
+              </small>
+            </div>
+          </li>
           <li class="list-group-item dropDown">
             FINAL PROJECT: SmartBrain Front-End
             <div class="dropDownContent">
@@ -315,28 +331,14 @@ <h2 class="animated bounce">Course Content</h2>
               <small> Personalized Advice from the Instructor! </small>
             </div>
           </li>
-          <li class="list-group-item dropDown">
-            Bonus:Extra Bits
-            <div class="dropDownContent">
-              <small> Ask Me Anything videos by the Instructor! </small>
-            </div>
-          </li>
           <li class="list-group-item dropDown">
             Extra: For Windows Users
             <div class="dropDownContent">
               <small> Learn about installation guide for Windows users. </small>
             </div>
           </li>
-          <li class="list-group-item dropDown">
-            Extras
-            <div class="dropDownContent">
-              <small style="text-align: center">
-                A Special Thank You Gift!
-              </small>
-            </div>
-          </li>
           <h5 style="display: flex; justify-content: center"><a
-              href="https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/" target="_blank">Find the
+              href="https://zerotomastery.io/courses/coding-bootcamp/" target="_blank">Find the
               course here</a></h5>
         </ul>
       </div>

modified_homepage_css.css

@@ -3,9 +3,16 @@ padding: -10px;
 }
 @media (min-width: 992px) {
 .navbar-expand-lg .navbar-collapse {
-    margin-left: 161px;
+    margin-left: 101px;
  }
 }
+
+@media (992px <= width <= 1130px) {
+    #headerText {
+        margin-left: 0.5rem;
+    }
+}
+
 .navbar-brand {
     display: inline-block;
     padding-top: 0.3125rem;

resources/style/about-page.css

@@ -28,6 +28,12 @@ div ul{
   /* background-color: rgb(219, 255, 255); */
 }
 
+/* visibility fix for links in .navbar-collapse when .navbar-toggler is clicked */
+.navbar ul a:hover {
+  padding-left: 2rem;
+}
+/*  */
+
 .theme-toggle-text{
   color: black;
 }

resources/style/style.css

@@ -11,6 +11,7 @@ body {
 }
 nav {
   background-color: rgba(255,255,255, 65%);
+  gap: 0.5rem;
 }
 nav a {
   color: black !important;
@@ -646,6 +647,24 @@ i:hover {
   }
 }
 
+/* media query fix (last link in nav visibility) */
+
+@media (992px <= width <= 1130px) {
+  nav {
+    gap: 0;
+  }
+
+  .navbar-collapse ul li {
+    padding: 0 8px;
+  }
+
+  .theme-toggle-container {
+    margin-left: 0.5rem;
+  }
+}
+
+/*  */
+
 .gotopbtn {
   position: fixed;
   display: none;

resources/style/themeToggle.css

@@ -21,6 +21,14 @@ html[theme='dark'] {
 	flex-direction: column;
 	align-items: center;
 	width: 85px;
+	/* additional style */
+	gap: 0.5rem;
+	border-left: 3px solid rgb(105, 102, 102);
+	border-right: 3px solid rgb(105, 102, 102);
+	border-radius: 3px;
+	padding: 0 10px;
+	box-sizing: content-box;
+	/*  */
 }
 
 .theme-toggle-container span {

todo_list.html

@@ -38,6 +38,7 @@
         .navbar{
           background-color:  #009999;
           position: fixed;
+          text-align: left;
         }
 
         li {
@@ -174,6 +175,17 @@ <h3>List :</h3>
             event.preventDefault();
         });
     </script>
+    <!-- added missing script for navbar-toggler to work -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+      integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
+      </script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
+      integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
+      </script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
+      integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
+      </script>
+      <!--  -->
 </body>
 
 </html>