Merge branch 'apu52:main' into main

apu52 · Jul 31, 2024 · 4a91e0b · 4a91e0b
2 parents d069ea2 + ddda4f8
commit 4a91e0b
Show file tree

Hide file tree

Showing 3 changed files with 111 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -202,30 +202,18 @@ Show some ❤️&nbsp; by giving <img src="https://imgur.com/o7ncZFp.jpg" height
 <tr>
 <td align="center"><a href="https://github.com/KrishnenduDG"><img src="img/krishnendu DG.png" width=130px height=130px /></a></br> <h4 style="color:red;">Krishnendu Dasgupta</h4>
  <a href="https://www.linkedin.com/in/krishnendu-dasgupta-450391186/"><img src="https://img.icons8.com/fluency/2x/linkedin.png" width="32px" height="32px"></img></a>
-   </td>
-
-</tr>
-</table>
+</td>
 
-<table>
-<tr>
 <td align="center"><a href="https://github.com/itsekta"><img src="img/Ekta.jfif" width=130px height=130px /></a></br> <h4 style="color:red;">Ekta Chaudhary</h4>
  <a href="https://www.linkedin.com/in/ekta-software-engineer/"><img src="https://img.icons8.com/fluency/2x/linkedin.png" width="32px" height="32px"></img></a>
-   </td>
-
-</tr>
-</table>
+</td>
 
-<table>
-<tr>
 <td align="center"><a href="https://github.com/Ghanshyam89"><img src="img/GhanshyamNewPic.jpg" width=130px height=130px /></a></br> <h4 style="color:red;">Ghanshyam Prajapati</h4>
  <a href="https://www.linkedin.com/in/ghanshyam-prajapati/"><img src="https://img.icons8.com/fluency/2x/linkedin.png" width="32px" height="32px"></img></a>
-   </td>
-
+</td>
 </tr>
 </table>
 
-</div>
 
  # Project Admin⚡
 
@@ -247,6 +235,11 @@ Show some ❤️&nbsp; by giving <img src="https://imgur.com/o7ncZFp.jpg" height
   <img src="https://github.com/shruti-sen2004/Travel_Website/assets/115914670/d544fd3b-aed2-4a05-a2f8-0b7a2ff9014f" width="700" height= "250" />
 </p>
 
+
+## Acknowledgements
+
+Thank you to all the amazing contributors who have made this project possible! 💝
+
 <p align ="center">
   <img src="https://api.vaunt.dev/v1/github/entities/apu52/repositories/Travel_Website/contributors?format=svg&limit=54" width="700" height= "250" />
 </p>
@@ -255,10 +248,15 @@ Show some ❤️&nbsp; by giving <img src="https://imgur.com/o7ncZFp.jpg" height
   <img align="center" src="https://contrib.rocks/image?max=100&repo=apu52/Travel_Website" />
 </a> 
 <br><br>
-Thank you to all the amazing contributors who have made this project possible!!💝
 
-## License 
-<img src = "https://img.shields.io/badge/License-MIT-blue.svg?style=for-the-badge">
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
+
+<p align="center">
+  <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=for-the-badge" alt="License: MIT">
+</p>
+
 
 <p align="right"><a href="#top"><img src="https://img.shields.io/badge/Move%20to%20top-Blue?style=plastic" alt="Back To Top"></a></p>
 

diff --git a/pricing/index.html b/pricing/index.html
@@ -208,6 +208,26 @@
             list.classList.toggle('activeHamburger');
           })
         </script>
+        <script>
+          document.addEventListener('DOMContentLoaded', () => {
+    const themeToggle = document.getElementById('themeToggle');
+
+    // Check for saved theme in localStorage
+    if (localStorage.getItem('theme') === 'dark') {
+        document.body.classList.add('dark-mode');
+        themeToggle.checked = true;
+    }
+
+    themeToggle.addEventListener('change', () => {
+        if (themeToggle.checked) {
+            document.body.classList.add('dark-mode');
+            localStorage.setItem('theme', 'dark');
+        } else {
+            document.body.classList.remove('dark-mode');
+            localStorage.setItem('theme', 'light');
+        }
+    });
+});
   </script>
 
 </body>

diff --git a/pricing/style.css b/pricing/style.css
@@ -224,9 +224,8 @@ header {
   padding-top: 12px;
   padding-bottom: 12px;
   width: auto;
-  background-color: transparent;
-  border: 2px solid slateblue;
-  color: red;
+  background-color: #6a5acd;
+  color:white;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 2px;
@@ -555,4 +554,77 @@ header img {
 
   }
 
+}
+.dark-theme {
+  --secondary-color: #0e1525;
+  --text-dark: #ffffff;
+  --arr-light: white;
+  --body-light: #0e1525;
+  --img-color: red;
+  --head-text: red;
+  --btn-border: red;
+  --btn-color: #fdbb2dbf;
+  --footer-text-color: #ffffff;
+}
+.dark-mode{
+  --secondary-color: #0e1525;
+  --btn-border: red;
+}
+/* Dark Mode Styles */
+body.dark-mode {
+  background-color:#002152;
+  color: #ffffff;
+}
+
+body.dark-mode .nav-container {
+  background-color: #1e1e1e;
+}
+
+body.dark-mode .navLinks li a {
+  color: #ffffff;
+}
+
+body.dark-mode .btn {
+  background-color: red;
+  color: #ffffff;
+}
+
+body.dark-mode .wrapper .table {
+  background-color: #1e1e1e;
+  border: 1px solid #444444;
+}
+
+body.dark-mode .wrapper .table .price-section {
+  background-color: #2e2e2e;
+}
+
+body.dark-mode .wrapper .table .purchase-btn button {
+  background-color: #333333;
+  color: #ffffff;
+}
+
+/* Additional styles */
+.hamburger .line {
+  background-color: #000000;
+}
+
+body.dark-mode .hamburger .line {
+  background-color: #ffffff;
+}
+body.dark-mode .table .package-name::before{
+  background: #1e1e1e;
+}
+body.dark-mode .wrapper .table {
+  background-color: black;
+  border: 1px solid black;
+  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
+}
+
+body.dark-mode .wrapper .table .price-section {
+  background-color: black;
+}
+
+body.dark-mode .wrapper .table .purchase-btn button {
+  background-color: #333333;
+  color: #ffffff;
 }