<h1>Lyft</h1>
<p><strong>Objetivo:</strong></p>
<p>El reto consiste en replicar el sitio de <strong>Lyft</strong>, este será el resultado
a lograr:</p>
<p><img src="fullpage.png" alt="Lyft Website"></p>
<p>Enfócate en obtener la maquetación
lo más parecido posible.</p>
<h2>Consideraciones</h2>
<blockquote>
<ul>
<li>
<p>Iniciaras tu propio boilerplate para construir la estructura de
tu proyecto y enlazar tus archivos de estilos (CSS).</p>
</li>
<li>
<p>Dentro de la carpeta <code>assets</code> encontrarás todas
las imágenes necesarias para completar tu proyecto.</p>
</li>
<li>
<p>Esta web utiliza la tipografía <code>ProximaNova, sans-serif</code>.</p>
</li>
<li>
<p>La paleta de colores es:</p>
</li>
</ul>
<blockquote>
<ul>
<li>Botones, hover: <code>#523BE4</code></li>
<li>Fondo: <code>#F4F4F4</code>, <code>#FFFFFF</code> y <code>#DCDCFF</code></li>
<li>Gradiente footer: <code>linear-gradient( to bottom, #e7e7ef 0%,  #f4f4fa 5%, #ffffff 10% );</code></li>
</ul>
</blockquote>
<ul>
<li>
<p>Además, encontraras los íconos en la carpeta <code>assets/icons</code>.</p>
</li>
<li>
<p>Puedes ver el <a href="https://www.lyft.com/">sitio original</a>, sin embargo, su diseño
cambia constantemente,
así que tu fuente de verdad es la imagen que
muestra el objetivo de este reto.</p>
</li>
</ul>
</blockquote>
<h2>A tener en cuenta</h2>
<blockquote>
<ul>
<li>
<p>Trabaja colaborativamente en dupla o triada</p>
</li>
<li>
<p>Pixel perfect (replicar el diseño con exactitud)</p>
</li>
</ul>
</blockquote>


Index.

Lyft

Lyft

Consideraciones

A tener en cuenta