Merge pull request #518 from jeevika17/contact

contact us is made visible in darkmode

index.html

@@ -629,7 +629,7 @@ <h5 class="mb-0"> [email protected]</h5>
                             </div>
                             <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                                 <div class="bg-light rounded p-5">
-                                    <p class="d-inline-block border rounded-pill py-1 px-4">Contact Us</p>
+                                    <p class="d-inline-block border rounded-pill py-1 px-4 " style="color: #000;">Contact Us</p>
                                     <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
 
                                     <form>

index.js

@@ -20,24 +20,3 @@ window.addEventListener('scroll', function(){
 })
 
 
-document.addEventListener('DOMContentLoaded',() => {
-    const darkToggle = document.getElementById('dark-change');
-
-    if(localStorage.getItem('darkMode') === 'enabled'){
-        document.body.classList.add('dark-mode');
-        darkToggle.classList.add('active');
-    }
-
-    darkToggle.addEventListener('click' , ()=>
-    {
-        document.body.classList.toggle('dark-mode');
-        darkToggle.classList.toggle('active');
-
-        if (document.body.classList.contains('dark-mode')){
-            localStorage.setItem('darkMode','enabled');
-        }
-        else{
-            localStorage.setItem('darkMode','disabled');
-        }
-    });
-});

style.css

@@ -654,8 +654,15 @@ section {
     color: #fff;
   }
 
+body.night .mb-4{
+    color: #000;
+    padding-top:4px;
+}
 
-
+.mb-4{
+    color: #000;
+    padding-top: 4px;
+}