Para la visualización de la web no abrir en pantalla completa (PC ó Laptop), ya que esta maquetado en una notebook.
El reto consiste en replicar el sitio de Freelancer, este será el resultado a lograr:
-
Deberás actualizar el archivo
README.md
explicando el contenido de tu repositorio. -
Esta web utiliza 2 tipografías:
Montserrat
yLato
. -
La paleta de colores puedes obtenerla inspeccionado el sitio original, pero para ganar tiempo, puedes usar los siguientes:
#2c3e50
,#18bc9c
,#212529
. -
Los íconos de redes sociales puedes obtenerlos de Font Awesome.
-
Para este reto, encontrarás ciertas cosas que probablemente aun no has visto en clase (formularios). No te preocupes, estamos seguros que lo afrontarás con éxito, de igual forma aquí unos tips:
- Para el formulario, revisa las etiquetas como
form
,input
,button
.
- Para el formulario, revisa las etiquetas como
-
El subrayado que incluye la estrella en las diversas secciones del sitio, en la web original se hace con un ícono y pseudoelementos (
:after
,:before
), es un reto entretenido, sin embargo, no trates de enfocarte en esa parte desde un inicio ya que no es el objetivo principal del reto :) -
Puedes ver el sitio original para que te des una idea de como debe quedar.
Este reto será evaluado sobre lo siguiente:
- Pixel perfect (replicar el diseño con exactitud)
- Nombramiento de clases, id, etc
- Indentación
- Archivo
README.md
actualizado y correctamente redactado - Uso de comentarios para hacer tu código más legible