smthari
diff --git a/‎index.html
+26 b/‎index.html
+26
@@ -10,6 +10,31 @@
 </head>
 
 <body>
+    <!-- /* dark mode toggle & github buttons   */ -->
+    <nav>
+        <div class="navbtn">
+            <!-- Place this tag where you want the button to render. -->
+            <a class="github-button" href="https://github.com/smthari/html-css-javascript-projects/fork"
+                data-icon="octicon-repo-forked" data-size="large" data-show-count="true"
+                aria-label="Fork smthari/html-css-javascript-projects on GitHub">Fork</a>
+
+            <!-- Place this tag where you want the button to render. -->
+            <a class="github-button" href="https://github.com/smthari/html-css-javascript-projects"
+                data-icon="octicon-star" data-size="large" data-show-count="true"
+                aria-label="Star smthari/html-css-javascript-projects on GitHub">Star</a>
+
+            <a class="github-button" href="https://github.com/smthari" data-size="large" data-show-count="true"
+                aria-label="Follow @smthari on GitHub">Follow</a>
+        </div>
+        <div class="theme-switch-wrapper">
+            <label class="theme-switch" for="checkbox">
+                <input type="checkbox" id="checkbox" />
+                <div class="slider round"></div>
+            </label>
+            <em>Switch Theme</em>
+        </div>
+    </nav>
+
     <div class="container">
         <h2>Password Generator</h2>
         <div class="result-container">
@@ -46,6 +71,7 @@ <h2>Password Generator</h2>
             </button>
         </div>
     </div>
+    <script src="script.js"></script>
 </body>
 
 </html>