hactoberfest

README.md

@@ -5,6 +5,7 @@
 ### Trust me it is looking cool.
 
 ### Please find the screenshots for the same.
+<!-- i have added a dark mode feature in this website some one please set the button position accordingly i have just made it simple and light -->
 
 ![alt text](https://github.com/kavyanshpandey/Sneha-cafe-FRONT-END/blob/master/images/pic1.png)
 ![alt text](https://github.com/kavyanshpandey/Sneha-cafe-FRONT-END/blob/master/images/pic2.png)

combo.html

@@ -43,6 +43,32 @@
       </div>
     </header>
 
+<!-- Dark Mode -->
+<script type = "text/javascript">
+  function king() {
+
+    if (document.body.style.backgroundColor =="grey"){
+      document.body.style.backgroundColor = "white"
+      document.body.style.Color = "black"
+
+    }
+    else{
+      document.body.style.backgroundColor = "grey";
+      document.body.style.Color = "blue"
+
+    }
+  }
+</script>
+
+
+
+<button class="btn" type="button" onclick= "king()" >Dark Mode</button>
+
+
+
+
+
+
     <section>
       <div class="title">
         <h1>Special Combo's</h1>

combo_1.html

@@ -43,6 +43,31 @@
         </div>
       </header>
 
+      <script type = "text/javascript">
+        function king() {
+
+          if (document.body.style.backgroundColor =="grey"){
+            document.body.style.backgroundColor = "white"
+            document.body.style.Color = "black"
+
+          }
+          else{
+            document.body.style.backgroundColor = "grey";
+            document.body.style.Color = "blue"
+
+          }
+        }
+      </script>
+
+
+
+  <button class="btn" type="button" onclick= "king()" >Dark Mode</button>
+
+
+
+
+
+
       <section class="home">
         <img src="images/InShot_20210327_035901232.jpg" class="home-img" alt="" />
 

combo_2.html

@@ -43,6 +43,31 @@
         </div>
       </header>
 
+<!-- Dark Mode -->
+      <script type = "text/javascript">
+        function king() {
+
+          if (document.body.style.backgroundColor =="grey"){
+            document.body.style.backgroundColor = "white"
+            document.body.style.Color = "black"
+
+          }
+          else{
+            document.body.style.backgroundColor = "grey";
+            document.body.style.Color = "blue"
+
+          }
+        }
+      </script>
+
+
+
+  <button class="btn" type="button" onclick= "king()" >Dark Mode</button>
+
+
+
+
+
       <section class="home">
         <img src="images/InShot_20210327_040052670.jpg" class="home-img" alt="" />
 

contact.html

@@ -43,6 +43,34 @@
       </div>
     </header>
 
+
+<!-- Dark Mode -->
+<script type = "text/javascript">
+  function king() {
+
+    if (document.body.style.backgroundColor =="grey"){
+      document.body.style.backgroundColor = "white"
+      document.body.style.Color = "black"
+
+    }
+    else{
+      document.body.style.backgroundColor = "grey";
+      document.body.style.Color = "blue"
+
+    }
+  }
+</script>
+
+
+
+<button class="btn" type="button" onclick= "king()" >Dark Mode</button>
+
+
+
+
+
+
+
     <section>
       <div class="title">
         <h1>Contact us</h1>

dishes.html

@@ -43,6 +43,36 @@
       </div>
     </header>
 
+
+
+<!-- Dark Mode -->
+<script type = "text/javascript">
+  function king() {
+
+    if (document.body.style.backgroundColor =="grey"){
+      document.body.style.backgroundColor = "white"
+      document.body.style.Color = "black"
+
+    }
+    else{
+      document.body.style.backgroundColor = "grey";
+      document.body.style.Color = "blue"
+
+    }
+  }
+</script>
+
+
+
+<button class="btn" type="button" onclick= "king()" >Dark Mode</button>
+
+
+
+
+
+
+
+
     <section>
       <div class="title">
         <h1>Select your favourite food, and trust me you will like it.</h1>

index.html

@@ -43,6 +43,34 @@
       </div>
     </header>
 
+
+<!-- Dark Mode -->
+<script type = "text/javascript">
+  function king() {
+
+    if (document.body.style.backgroundColor =="grey"){
+      document.body.style.backgroundColor = "white"
+      document.body.style.Color = "black"
+
+    }
+    else{
+      document.body.style.backgroundColor = "grey";
+      document.body.style.Color = "blue"
+
+    }
+  }
+</script>
+
+
+
+<button class="btn" type="button" onclick= "king()" >Dark Mode</button>
+
+
+
+
+
+
+
     <section class="home">
       <img src="images/food.jpeg" class="home-img" alt="" />