diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js
index e69de29..dcae693 100644
--- a/src/public/javascript/offers.js
+++ b/src/public/javascript/offers.js
@@ -0,0 +1,8 @@
+const buttonStartCreateOffer = document.getElementById(
+  'button-start-create-offer'
+);
+const createOfferControls = document.getElementById('create-offer-controls');
+
+buttonStartCreateOffer.addEventListener('click', () => {
+  createOfferControls.style.display = 'block';
+});
diff --git a/src/views/offers.ejs b/src/views/offers.ejs
index 1f6d05f..f225e28 100644
--- a/src/views/offers.ejs
+++ b/src/views/offers.ejs
@@ -11,9 +11,14 @@
     <%- include("partials/appCommonHeader") %>
 
     <div class="over-background">
-      <button class="button-primary">Crear oferta</button>
-      <div style="display: none">
-        <p>Let's create your offer</p>
+      <button id="button-start-create-offer" class="button-primary">
+        Crear nueva oferta
+      </button>
+      <div id="create-offer-controls" style="display: none">
+        <p>Añade los detalles de tu oferta</p>
+        <button id="button-submit-offer" class="button-primary" disabled>
+          Publicar oferta
+        </button>
       </div>
     </div>