diff --git a/Drak mode/index.html b/Drak mode/index.html
new file mode 100644
index 0000000..afe9f79
--- /dev/null
+++ b/Drak mode/index.html
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Drak mode/script.js b/Drak mode/script.js
new file mode 100644
index 0000000..c13ec46
--- /dev/null
+++ b/Drak mode/script.js
@@ -0,0 +1,10 @@
+// Dark Mode Toggle
+const darkModeToggle = document.getElementById('darkModeToggle');
+darkModeToggle.addEventListener('click', () => {
+ document.body.classList.toggle('dark-mode');
+ if (document.body.classList.contains('dark-mode')) {
+ darkModeToggle.textContent = 'Light Mode';
+ } else {
+ darkModeToggle.textContent = 'Dark Mode';
+ }
+});
diff --git a/Drak mode/style.css b/Drak mode/style.css
new file mode 100644
index 0000000..bebcf19
--- /dev/null
+++ b/Drak mode/style.css
@@ -0,0 +1,19 @@
+/* Dark Mode Styles */
+body.dark-mode {
+ background-color: #121212;
+ color: #ffffff;
+}
+
+body.dark-mode .navbar {
+ background-color: #1c1c1c;
+}
+
+body.dark-mode .btn-outline-light {
+ color: #ffffff;
+ border-color: #ffffff;
+}
+
+body.dark-mode .btn-outline-light:hover {
+ background-color: #ffffff;
+ color: #121212;
+}