Skip to content

BCN-FT-Gloria-Maqueda #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

BCN-FT-Gloria-Maqueda #21

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
182 changes: 111 additions & 71 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,95 +6,135 @@
<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>
<title>El motor de tu trabajo | 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>
<nav>
<ul>
<li><a href="#0">¿Por qué Slack?</a></li>
<li><a href="#0">Precios</a></li>
<li><a href="#0">Conócenos</a></li>
</ul>
<p>Tu espacio de trabajo</p>
<button><a href="#0">Descargar Slack</a></button>
</nav>
</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>
<section>
<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"><button type="submit">PRUÉBALO GRATIS</button>
</form>
<p>¿Ya usas Slack? <a href="#0">Conéctarse</a>.</p>
</section>
<section>
<h2>Pon la colaboración a tu alcance</h2>
<div><img src="" alt="Bocadillo logo">
<p>Organizar las conversaciones</p>
<img src="" alt="Imagen prueba conversaciones">
</div>
<div><img src="" alt="Regalo logo">
<p>Compartir archivos y documentos</p>
<img src="" alt="Imagen planificacion anual">
</div>
<div><img src="" alt="Linterna logo">
<p>Encuentra todo lo que buscas en el archivo</p>
<img src="" alt="Imagen prueba navegador">
</div>
<div><img src="" alt="Pincho logo">
<p>Integra tus herramientas</p>
<img src="" alt="Imagen prueba acciones">
</div>
<div><img src="" alt="Teléfonos logo">
<p>Habla cara a cara</p>
<img src="" alt="Imagen prueba videollamada">
</div>
<p><a href="#0">Ver la demostración --></a></p>
</section>
<section>
<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>
<p><a href="#0">Slack para Enterprise --></a></p>
<img src="" alt="Logo slack conectando gente">
</section>
<section>
<h2>Estas en buena compañía</h2>
<p>Equipos de todo tipo, condición y tamaño ya han hecho de Slasck el motor de su trabajo.</p>
<p><a href="#0">Ver todos los casos de clientes --></a></p>
<div>
<img src="" alt="Moneditas">
<h2>Intuit</h2>
<p>Los equipos se conectan entre si y existen a 50 millones de clientes en todo el mundo.</p>
<a href="#0">--></a>
</div>
</section>
<section>
<img src="" alt="logo airbnb">
<img src="" alt="logo Oracle">
<img src="" alt="logo EA">
<img src="" alt="logo diana">
<img src="" alt="logo ameritrade">
<img src="" alt="logo autodesk">
</section>
<section>
<h2>Te presentamos la herramienta de colaboración</h2>
<button>PRUEBA SLACK GRATIS</button>
</section>
</main>
<footer>
<div>
<img src="./images/iso-slack.png" alt="">
<section>
<img src="" alt="logo Slack">
<p>PRODUCTO</p>
<ul>
<li>COMPANY</li>
<li>About Us</li>
<li>Careers</li>
<li>Blog</li>
<li>Press</li>
<li>Brand Guidelines</li>
<li>¿Por qué Slack?</li>
<li>Para las empresas</li>
<li>Seguridad</li>
<li>Casos de clientes</li>
<li>Precios</li>
<li>Demostración de Slack</li>
</ul>
<p>SLACK PARA EQUIPOS</p>
<ul>
<li>PRODUCT</li>
<li>Why Slack?</li>
<li>Enterprise</li>
<li>Customer Stories</li>
<li>Pricing</li>
<li>Security</li>
<li>Ingeniería</li>
<li>TI</li>
<li>Atención al cliente</li>
<li>Ventas</li>
<li>Márketing</li>
<li>Gestión de proyectos</li>
<li>Recursos humanos</li>
</ul>
<p>RECURSOS</p>
<ul>
<li>RESOURCES</li>
<li>Download</li>
<li>Help Center</li>
<li>Guides</li>
<li>Events</li>
<li>App Directory</li>
<li>Descargar Slack</li>
<li>Guías e infórmes</li>
<li>Directorio de aplicaciones</li>
<li>API</li>
<li>Centro de ayuda</li>
<li>Socios</li>
</ul>
<p>EMPRESA</p>
<ul>
<li>EXTRAS</li>
<li>Podcast</li>
<li>Slack Shop</li>
<li>Slack at Work</li>
<li>Slack Fund</li>
</ul>
</div>
<div>
<li>Conócenos</li>
<li>Alta dirección</li>
<li>Blog</li>
<li>Kit de medios de comunicación</li>
<li>Empleos</li>
</section>
<section>
<ul>
<li>Status</li>
<li>Privacy & Terms</li>
<li>Contact Us</li>
<li>Estado</li>
<li>Privacidad y términos</li>
<li>Contáctanos</li>
<li><i>World</i>Cambiar de región</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>
<i>Twitter</i>
<i>Facebook</i>
<i>Youtube</i>
<i>LinkedIn</i>
</section>
</footer>
</body>

Expand Down