diff --git a/public/js/index.js b/public/js/index.js
new file mode 100644
index 0000000..3ae1b9e
--- /dev/null
+++ b/public/js/index.js
@@ -0,0 +1,24 @@
+document.addEventListener('DOMContentLoaded', () => {
+
+ // Get all "navbar-burger" elements
+ const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+ // Check if there are any navbar burgers
+ if ($navbarBurgers.length > 0) {
+
+ // Add a click event on each of them
+ $navbarBurgers.forEach( el => {
+ el.addEventListener('click', () => {
+
+ // Get the target from the "data-target" attribute
+ const target = el.dataset.target;
+ const $target = document.getElementById(target);
+
+ // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+ el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+
+ });
+ });
+ }
+});
diff --git a/templates/base.html b/templates/base.html
index 04771d4..acaeece 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,6 +4,8 @@
+
+
{% block head %}
{% endblock %}
@@ -11,6 +13,43 @@
+
+
{% block content %}