Skip to content

Commit

Permalink
Fix the color changing issue
Browse files Browse the repository at this point in the history
  • Loading branch information
@sharmavikas4
sharmavikas4 committed May 21, 2023
1 parent b0597c8 commit 4f0b195
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 32 deletions.
50 changes: 25 additions & 25 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -44,22 +44,22 @@
<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>
</div>
<div class="col-2">
<img class="students" src="images/college1.png">
</div>
</div>
</div>
</div>
</div>
<!-------------- BRANCHES ----------------->
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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" >
Expand All @@ -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>
Expand Down Expand Up @@ -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>
Expand All @@ -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">[email protected]</p>
<h4>+91 - 9062941530</h4>
Expand Down Expand Up @@ -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>
4 changes: 3 additions & 1 deletion script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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");
Expand All @@ -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");
});
Expand All @@ -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");
});
Expand Down
10 changes: 4 additions & 6 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down Expand Up @@ -370,7 +371,7 @@ form input {
font-size: 13px;
padding-top: 30px;
padding-bottom: 30px;

}
#pic{
display: flex;
Expand Down Expand Up @@ -535,7 +536,7 @@ form input {

.myname{
width: 180px;

}
.containers{
display: none;
Expand All @@ -560,6 +561,3 @@ form input {
margin-right: 10px;
width: 45px;
}



0 comments on commit 4f0b195

Please sign in to comment.