diff --git a/index.html b/index.html
index 8300a1607..e4eb8125c 100644
--- a/index.html
+++ b/index.html
@@ -2,100 +2,191 @@
 <html lang="en">
 
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <script src="https://use.fontawesome.com/1fb0eb3889.js"></script>
-  <title>Where work happens | Slack</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="https://use.fontawesome.com/1fb0eb3889.js"></script>
+    <title>Where work happens | Slack</title>
 </head>
 
 <body>
-  <nav>
-    <img src="./images/slack-logo.png" alt="slack_logo">
-    <ul>
-      <li>Why Slack?</li>
-      <li>Pricing</li>
-      <li>About Us</li>
-      <li>Your Workspaces</li>
-    </ul>
-  </nav>
-  <header>
-    <img src="./images/home_talking.png" alt="home_work_happening">
-    <h1>Where Work Happens</h1>
-    <p>When your team needs to kick off a project, hire a new employee, deploy some code, review a sales contract, finalize next year's budget, measure an A/B test, plan your next office opening, and more, Slack has you covered.</p>
-    <button type="button" name="button">GET STARTED</button>
-    <p>Already using Slack? <a href="#">Sign in</a></p>
-  </header>
-  <main>
-    <div>
-      <h2>You´re in good company</h2>
-      <p>Millions of people around the world have already made Slack the place where their work happens.</p>
-      <button>DISCOVER WHY</button>
-      <img src="./images/airbnb-logo.png" alt="">
-      <img src="./images/capital-one-logo.png" alt="">
-      <img src="./images/harvard-logo.png" alt="">
-      <img src="./images/los-angeles-times-logo.png" alt="">
-      <img src="./images/oracle-logo.png" alt="">
-      <img src="./images/ticketmaster-logo.png" alt="">
-    </div>
-    <div>
-      <p>Try it for free</p>
-      <p>Already using Slack? <a href="">Sign in</a></p>
-      <button type="button" name="button">GET STARTED</button>
-    </div>
-  </main>
-  <footer>
-    <div>
-      <img src="./images/iso-slack.png" alt="">
-      <ul>
-        <li>COMPANY</li>
-        <li>About Us</li>
-        <li>Careers</li>
-        <li>Blog</li>
-        <li>Press</li>
-        <li>Brand Guidelines</li>
-      </ul>
-      <ul>
-        <li>PRODUCT</li>
-        <li>Why Slack?</li>
-        <li>Enterprise</li>
-        <li>Customer Stories</li>
-        <li>Pricing</li>
-        <li>Security</li>
-      </ul>
-      <ul>
-        <li>RESOURCES</li>
-        <li>Download</li>
-        <li>Help Center</li>
-        <li>Guides</li>
-        <li>Events</li>
-        <li>App Directory</li>
-        <li>API</li>
-      </ul>
-      <ul>
-        <li>EXTRAS</li>
-        <li>Podcast</li>
-        <li>Slack Shop</li>
-        <li>Slack at Work</li>
-        <li>Slack Fund</li>
-      </ul>
-    </div>
-    <div>
-      <ul>
-        <li>Status</li>
-        <li>Privacy & Terms</li>
-        <li>Contact Us</li>
-      </ul>
-      <div>
-        <img src="./images/us-flag.png" alt="">
-        <span>English (US)</span>
-        <i class="fa fa-chevron-down" aria-hidden="true"></i>
-        <i class="fa fa-twitter" aria-hidden="true"></i>
-        <i class="fa fa-facebook" aria-hidden="true"></i>
-        <i class="fa fa-youtube-play" aria-hidden="true"></i>
-      </div>
-    </div>
-  </footer>
+    <nav>
+        <img src="" alt="logo de Slack">
+        <ul>
+            <li>¿Por qué Slack</li>
+            <li>Precios</li>
+            <li>Conócenos</li>
+        </ul>
+        <a href="">Tus espacios de trabajo</a>
+        <a href="">Descargar Slack</a>
+    </nav>
+    <header>
+        <section class="white">
+            <h1>Sea cual sea tu trabajo, puedes hacerlo en Slack</h1>
+            <p>Slack le da a tu equipo el poder y la coordinación que necesita para poder trabajar de la mejor manera.</p>
+            <form>
+                <input type="text" placeholder="Tu correo de trabajo">
+                <button type="submit" class="btn-purple">PRUÉBALO GRATIS</button>
+            </form>
+            <footer>
+                <p><a>¿Ya usas Slack?<a href="">Conectarse.</a></p>
+            </footer>
+        </section>
+    </header>
+    <main>
+
+        <section class="white">
+            <h2>Pon la colaboración a tu alcance</h2>
+            <article class="card">
+                <h3>Organiza las conversaciones</h3>
+                <img src="" alt="canales y equipos">
+            </article>
+            <article class="card">
+                <h3>Comarte archivos y documentos</h3>
+                <img src="" alt="compartir archivos">
+            </article>
+            <article class="card">
+                <h3>Encuentra todo lo que buscas en el archivo</h3>
+                <img src="" alt="Encuentra tus mensajes, archivos y canales">
+            </article>
+            <article class="card">
+                <h3>Integra tus herramientas</h3>
+                <img src="" alt="Convierte tus conversaciones en tareas">
+            </article>
+            <article class="card">
+                <h3>Habla cara a cara</h3>
+                <img src="" alt="Inicia facilmente una llamada">
+                <p><a href="">Ver la demostracion →</a></p>
+            </article>
+        </section>
+        <section class="white">
+            <h2>Trabajo en equipo eficiente para todas las empresas</h2>
+            <p>Las grandes empresas ahorran tiempo con Slack, colaborando de forma segura entre equipos, departamentos, oficinas y países.</p>
+            <a href="">Slack para Enterprise →</a>
+            <img src="" alt="equipos en Slack con sus fotos conectados por líneas punteadas">
+        </section>
+        <section class="grey">
+            <h2>Estás en buena compañía</h2>
+            <p>Equipos de todo tipo, condición y tamaño ya han hecho de Slack el motor de su trabajo.</p>
+            <a href="">Ver todos los casos de clientes →</a>
+            <ul>
+                <li>
+                    <article class="card-content">
+                        <img src="" alt="Monedas apiladas sobre una mesa amarilla">
+                        <img src="" alt="Logo de Intuit">
+                        <p>Los equipos se conectan entre sí y asisten a 50 millones de clientes en todo el mundo</p>
+                        <a href="">→</a>
+                    </article>
+                </li>
+                <li>
+                    <article class="card-content">
+                        <img src="" alt="Persona bajandose de un coche">
+                        <img src="" alt="Logo de Lyft">
+                        <p>Trabajo de ventas crucial para el funcionamiento de Lyft Business</p>
+                        <a href="">→</a>
+                    </article>
+                </li>
+                <li>
+                    <article class="card-content">
+                        <img src="" alt="Regalos y gift cards">
+                        <img src="" alt="Logo de Shopify">
+                        <p>La plataforma de comercio electrónico implanta un superrobot que optimiza la experiencia de compra</p>
+                        <a href="">→</a>
+                    </article>
+                </li>
+                <li>
+                    <article class="card-content">
+                        <img src="" alt="Tienda de ropa moderna">
+                        <img src="" alt="Logo de Everlane">
+                        <p>Dos empresas redefinen el concepto de atención al usuario con los canales compartidos en Slack</p>
+                        <a href="">→</a>
+                    </article>
+                </li>
+            </ul>
+            <img src="" alt="Logo de Airbnb">
+            <img src="" alt="Logo de Electronic Arts">
+            <img src="" alt="Logo de Ameritrade">
+            <img src="" alt="Logo de Oracle">
+            <img src="" alt="Logo de Target">
+            <img src="" alt="Logo de Autodesk">
+        </section>
+        <section class="purple">
+            <h2>Te presentamos la herramienta de colaboración</h2>
+            <button class="btn-white">PRUEBA SLACK GRATIS</button>
+        </section>
+
+    </main>
+    <footer>
+        <section class="footer-nav">
+            <img src="" class="logo-slack" alt="Logo de Slack">
+            <article>
+                <h4>PRODUCTOS</h4>
+                <ul>
+                    <li><a href="">¿Por qué Slack?</a></li>
+                    <li><a href="">Para las empresas</a></li>
+                    <li><a href="">Seguridad</a></li>
+                    <li><a href="">Casos de clientes</a></li>
+                    <li><a href="">Precios</a></li>
+                    <li><a href="">Demostración de Slack</a></li>
+                </ul>
+            </article>
+            <article>
+                <h4>SLACK PARA EQUIPOS</h4>
+                <ul>
+                    <li><a href="">Ingeniería</a></li>
+                    <li><a href="">TI</a></li>
+                    <li><a href="">Atención al cliente/a></li>
+                    <li><a href="">Ventas</a></li>
+                    <li><a href="">Marketing</a></li>
+                    <li><a href="">Gestión de proyectos</a></li>
+                    <li><a href="">Recursos humanos</a></li>
+                </ul>
+            </article>
+            <article>
+                <h4>RECURSOS</h4>
+                <ul>
+                    <li><a href="">Descargar Slak</a></li>
+                    <li><a href="">Guías e informes</a></li>
+                    <li><a href="">Directorio de Aplicaciones</a></li>
+                    <li><a href="">API</a></li>
+                    <li><a href="">Centro de Ayuda</a></li>
+                    <li><a href="">Socios</a></li>
+                </ul>
+            </article>
+            <article>
+                <h4>EMPRESA</h4>
+                <ul>
+                    <li><a href="">Conócenos</a></li>
+                    <li><a href="">Alta dirección</a></li>
+                    <li><a href="">Blog</a></li>
+                    <li><a href="">Kit de medios de comunicación</a></li>
+                    <li><a href="">Empleos</a></li>
+                </ul>
+            </article>
+        </section>
+        <section class="footer-info">
+            <ul>
+                <li><a href="">Estado</a></li>
+                <li><a href="">Privacidad y términos</a></li>
+                <li><a href="">Contáctanos</a></li>
+                <li><a href=""> 🌏Cambiar de región</li>
+            </ul>
+            <ul>
+              <li>
+                <a href=""><img src="" alt="Logo de Twitter"></a>
+                </li>
+                <li>
+                    <a href=""><img src="" alt="Logo de Facebook"></a>
+                </li>
+                <li>
+                    <a href=""><img src="" alt="Logo de Youtube"></a>
+                </li>
+                <li>
+                    <a href=""><img src="" alt="Logo de LinkedIn"></a>
+                </li>
+            </ul>
+        </section>
+    </footer>
 </body>
 
-</html>
+</html>
\ No newline at end of file
