diff --git a/src/front/pages/home.js b/src/front/pages/home.js
new file mode 100644
index 0000000..92bd6bb
--- /dev/null
+++ b/src/front/pages/home.js
@@ -0,0 +1,14 @@
+const homeFunction = () => {
+  const navbuttonHome = document.getElementById('navbutton-home');
+  const navbuttonOffers = document.getElementById('navbutton-offers');
+
+  navbuttonHome.addEventListener('click', () => {
+    window.location.href = '/home';
+  });
+
+  navbuttonOffers.addEventListener('click', () => {
+    window.location.href = '/offers';
+  });
+};
+
+homeFunction();
diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js
index e85add2..b0954d3 100644
--- a/src/front/pages/offers.js
+++ b/src/front/pages/offers.js
@@ -3,6 +3,17 @@ function offersPage() {
     return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
   }
 
+  const navbuttonHome = document.getElementById('navbutton-home');
+  const navbuttonOffers = document.getElementById('navbutton-offers');
+
+  navbuttonHome.addEventListener('click', () => {
+    window.location.href = '/home';
+  });
+
+  navbuttonOffers.addEventListener('click', () => {
+    window.location.href = '/offers';
+  });
+
   const buttonStartCreateOffer = document.getElementById(
     'button-start-create-offer'
   );
diff --git a/src/views/home.ejs b/src/views/home.ejs
index 9584e63..a764e25 100644
--- a/src/views/home.ejs
+++ b/src/views/home.ejs
@@ -11,6 +11,6 @@
     <%- include("partials/appCommonHeader") %>
 
     <%- include("partials/appCommonScripts") %>
-    <script src="/javascript/home.js"></script>
+    <script src="/javascript/home.bundle.js"></script>
   </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
index 9312cea..86f8a98 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -6,6 +6,7 @@ module.exports = {
     createProfile: './src/front/pages/createProfile.js',
     login: './src/front/pages/login.js',
     offers: './src/front/pages/offers.js',
+    home: './src/front/pages/home.js',
   },
   output: {
     filename: '[name].bundle.js',