From 4f0b195be282fd9085846a34c60ccf957e1f20eb Mon Sep 17 00:00:00 2001
From: sharmavikas4 <vikassharma20015@gmail.com>
Date: Sun, 21 May 2023 20:46:38 +0530
Subject: [PATCH] Fix the color changing issue

---
 index.html | 50 +++++++++++++++++++++++++-------------------------
 script.js  |  4 +++-
 style.css  | 10 ++++------
 3 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index b7d80398..ce1ee26b 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
                 </div>
                 <nav>
                     <ul>
-                        
+
                         <li><a class="nav-link" href=""></a></li>
                         <li><a class="nav-link" href="">Gallery</a></li>
                         <li><a class="nav-link" href="">Projects</a></li>
@@ -44,14 +44,14 @@
                     <h1>CHAIBASA ENGINEERING<br>COLLEGE</h1>
                     <div class="para">
                         <p>
-                            Chaibasa Engineering College is a college of higher education established in the year 2013 by 
+                            Chaibasa Engineering College is a college of higher education established in the year 2013 by
                             Jharkhand Govt. It is run by the Techno India Group and is recognized by AICTE.
                             The college offers Bachelor of Technology across five disciplines at the undergraduate level.
-                            Admissions are entrance-based and candidates can apply online for admission. The college has a 
+                            Admissions are entrance-based and candidates can apply online for admission. The college has a
                             centralized placement cell which guides the students to achieve placements in reputed companies.
                         </p>
                     </div>
-                    
+
                     <div class="explore">
                         <a href=""class="btn">Explore Now &#8594;</a>
                     </div>
@@ -59,7 +59,7 @@ <h1>CHAIBASA ENGINEERING<br>COLLEGE</h1>
                 <div class="col-2">
                     <img class="students" src="images/college1.png">
                 </div>
-            </div>   
+            </div>
         </div>
     </div>
 <!--------------  BRANCHES  ----------------->
@@ -70,10 +70,10 @@ <h2 class="title">BRANCHES IN CEC</h2>
             <img class="branchimg" src="images/cse.jpg">
             <a href="branch/cs.html"class="btn">CSE</a>
             <div class="">
-                <div class="dis">Computer Science Engineering (CSE) is an 
-                    engineering discipline that covers several topics 
-                    related to computation, programming languages, 
-                    program design, computer hardware and software 
+                <div class="dis">Computer Science Engineering (CSE) is an
+                    engineering discipline that covers several topics
+                    related to computation, programming languages,
+                    program design, computer hardware and software
                     and integrates several fields of computer science.
                 </div>
             </div>
@@ -83,9 +83,9 @@ <h2 class="title">BRANCHES IN CEC</h2>
         <img class="branchimg" src="images/ece.jpg">
         <a href="branch/ece.html"class="btn">ECE</a>
         <div class="">
-            <div class="dis">Electronics and Communication Engineering (ECE) is an emerging stream that 
+            <div class="dis">Electronics and Communication Engineering (ECE) is an emerging stream that
                 offers firm promises to lend your career an edge. Studying this domain of engineering would
-                 mean mastering the skills related to electrical engineering as well 
+                 mean mastering the skills related to electrical engineering as well
                  as having an insight into the world of computer software and hardware.
             </div>
         </div>
@@ -95,8 +95,8 @@ <h2 class="title">BRANCHES IN CEC</h2>
     <img class="branchimg"  src="images/e55.jpg">
     <a href="branch/ee.html"class="btn">EE</a>
     <div class="">
-        <div class="dis">Electrical and Electronics Engineering. EEE is an engineering discipline which deals with Electrical and Machine technology, Electrons, Circuit analysis, 
-            Electromagnetism, Instrumentations, Materials for electrical engineering, 
+        <div class="dis">Electrical and Electronics Engineering. EEE is an engineering discipline which deals with Electrical and Machine technology, Electrons, Circuit analysis,
+            Electromagnetism, Instrumentations, Materials for electrical engineering,
             Control systems, transmission and distribution, Power engineering.</div>
     </div>
     <p></p>
@@ -105,9 +105,9 @@ <h2 class="title">BRANCHES IN CEC</h2>
     <img class="branchimg"  src="images/me.jpg">
     <a href="branch/ME.html"class="btn">ME</a>
     <div class="">
-        <div class="dis">Mechanical engineering is an engineering branch 
-            that combines engineering physics and mathematics 
-            principles with materials science, to design, analyze, 
+        <div class="dis">Mechanical engineering is an engineering branch
+            that combines engineering physics and mathematics
+            principles with materials science, to design, analyze,
             manufacture, and maintain mechanical systems.</div>
     </div>
     <p></p>
@@ -116,8 +116,8 @@ <h2 class="title">BRANCHES IN CEC</h2>
     <img class="branchimg" src="images/ce.jpg">
     <a href="branch/CE.html"class="btn">CE</a>
     <div class="">
-        <div class="dis">Civil engineering is a professional engineering discipline that deals with the design, 
-            construction, and maintenance of the physical and naturally built environment, 
+        <div class="dis">Civil engineering is a professional engineering discipline that deals with the design,
+            construction, and maintenance of the physical and naturally built environment,
             including public works such as roads, bridges, canals, dams, airports, and railways.</div>
     </div>
     <p></p>
@@ -128,7 +128,7 @@ <h2 class="title">BRANCHES IN CEC</h2>
 </div>
 <div class="contributer">
     <h2 class="title">OUR VALUABLE CONTRIBUTER</h2>
-</div>      
+</div>
         <!-- <footer>
             <div class="row">
                 <div class="col col1" id="pic" >
@@ -144,7 +144,7 @@ <h5>Nagesh Mandal</h5>
                 <div class="col col2">
                     <a target="_blank" href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_">
                     <h3>Chaibasa Engineering College</h3>
-                    <p>Jamshedpur Keonjhar Highway</p> 
+                    <p>Jamshedpur Keonjhar Highway</p>
                     <p>Chaibasa Jharkhand PIN 833215, India</p>
                     </a>
                     <br>
@@ -192,7 +192,7 @@ <h3>News<span>letter</span></h3>
                 <img class="moon" data-set="sun" src="images/moon.png" alt="dark-mode">
                 <img class="sun"  data-set="moon" src="images/sun.png"  alt="light-mode">
             </div> -->
-            
+
         <!-- </footer> -->
 
         <footer>
@@ -209,7 +209,7 @@ <h5>Nagesh Mandal</h5>
                 </div>
                 <div class="col col2">
                     <h3>Chaibasa Engineering College</h3>
-                    <p>Jamshedpur Keonjhar Highway</p> 
+                    <p>Jamshedpur Keonjhar Highway</p>
                     <p>Chaibasa Jharkhand PIN 833215, India</p>
                     <p class="email-id">cordinatortigjh@gmail.com</p>
                     <h4>+91 - 9062941530</h4>
@@ -253,13 +253,13 @@ <h3>News<span>letter</span></h3>
                 <img class="moon" data-set="sun" src="images/moon.png" alt="dark-mode">
                 <img class="sun"  data-set="moon" src="images/sun.png"  alt="light-mode">
             </div>
-            
+
         </footer>
 
 
     <script src="script.js"></script>
     <script src="app.js"></script>
-   
-      
+
+
 </body>
 </html>
diff --git a/script.js b/script.js
index c0abba9b..2f97caf1 100644
--- a/script.js
+++ b/script.js
@@ -31,7 +31,7 @@ const paragraph = document.querySelector("p");
 const links = document.querySelectorAll(".nav-link");
 const title = document.querySelectorAll("h2");
 const para = document.querySelectorAll(".para");
-
+const pcol = document.querySelector(".col-2 p");
 if (localStorage.getItem("dark-mode") == "true") {
   body.classList.add("dark-mode");
   header.classList.add("header-dark-mode");
@@ -55,6 +55,7 @@ toggle.addEventListener("click", function (e) {
     body.classList.add("dark-mode");
     header.classList.add("header-dark-mode");
     paragraph.classList.add("header-dark-mode");
+    pcol.style.color="white";
     links.forEach(function (e) {
       e.classList.add("header-dark-mode");
     });
@@ -67,6 +68,7 @@ toggle.addEventListener("click", function (e) {
     body.classList.remove("dark-mode");
     header.classList.remove("header-dark-mode");
     paragraph.classList.remove("header-dark-mode");
+    pcol.style.color="black";
     links.forEach(function (e) {
       e.classList.remove("header-dark-mode");
     });
diff --git a/style.css b/style.css
index 7f10db59..3e5543b7 100644
--- a/style.css
+++ b/style.css
@@ -73,12 +73,13 @@ nav ul li {
 }
 .col-2 p{
   text-align: left;
-  color: black;
   line-height: 1.7;
+  color: black;
 }
 .para{
   max-width: 500px;
   font-family:"Poppins", sans-serif;
+
 }
 
 a {
@@ -370,7 +371,7 @@ form input {
   font-size: 13px;
   padding-top: 30px;
   padding-bottom: 30px;
-  
+
 }
 #pic{
   display: flex;
@@ -535,7 +536,7 @@ form input {
 
 .myname{
   width: 180px;
-  
+
 }
 .containers{
   display: none;
@@ -560,6 +561,3 @@ form input {
   margin-right: 10px;
   width: 45px;
 }
-
-
-