diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index ae158cc..1efa387 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -12,5 +12,7 @@
   </footer>
 </div>
 
+<script src="/js/main.js"></script>
+
   </body>
 </html>
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644
index 0000000..1a61e73
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function () {
+    const navbarToggler = document.querySelector('.navbar-toggler');
+    const navbarCollapse = document.querySelector('#navbarNavDropdown');
+  
+    navbarToggler.addEventListener('click', function () {
+      navbarCollapse.classList.toggle('show');
+    });
+  });
\ No newline at end of file