Skip to content

ItzelMolina/freelancer_mosiel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Freelancer

NOTA

Para la visualización de la web no abrir en pantalla completa (PC ó Laptop), ya que esta maquetado en una notebook.

Gracias

Objetivo

El reto consiste en replicar el sitio de Freelancer, este será el resultado a lograr:

Freelancer Website

Consideraciones

  • Deberás actualizar el archivo README.md explicando el contenido de tu repositorio.

  • Esta web utiliza 2 tipografías: Montserrat y Lato.

  • 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.
  • 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.

A tener en cuenta

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

Releases

No releases published

Packages

No packages published