open new offer pane

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';
+});

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>