/lyft

Interface construída com HTML e CSS - Bootcamp @ Laboratoria

Primary LanguageCSS

Lyft

  • Curso: Cirando um site interativo com javascript
  • Unidade: Layout da web com HTML & CSS

Para completar esse desafio, vocês irão utilizar esse repositório como base, pois ele contém todos os recursos necessários.

Fluxo de trabalho

  1. Vocês terão que criar um fork deste repositório.

  2. Depois vocês devem clonar o seu fork.

git clone https://github.com/<nome-do-seu-usuario>/lyft.git

Objetivo

O objetivo é replicar o site do Lyft e esse deverá ser o resultado:

Lyft Website

Considerações

  • Você encontrará um arquivo index.html onde você deverá escrever o seu HTML e linkar o seu arquivo de estilo (CSS).

  • Na pasta css terá um arquivo main.css onde você irá colocar todos os estilos necessários para o seu projeto.

  • Dentro da pasta assets você irá encontrar a pasta images, onde estarão todas as imagens necessárias para completar esse projeto.

  • Você deverá atualizar o arquivo README.md explicando o conteúdo do respositório.

  • Está página utiliza a tipografia Montserrat.

  • A paleta de cores do site original é:

    • Botões e hover: #FF00BF
    • Fundo do footer: #333447
    • Título do formulário: #352384
    • Texto do formulário: #728099
    • Gradiente roxo: linear-gradient(#76278F, #2B1E66);
  • Para o footer, você deverá lembrar de colocar um hover no texto, da seguinte forma:

    Lyft - Footer

  • Neste desafio você encontrará coisas que não foram vistas em aula (vídeos do Youtube). Não se preocupe, pois temos certeza que irão conseguir. (dica: usar o iframe do youtube)

  • Os vídeos que foram usados, são:

  • O site atual do Lyft não tem mais nada a ver com o que estamos pedindo, então não usem o site original e sem o da imagem que que mostramos em cima.

Coisas para considerar

O que será levado em conta nesse desafio?

  • Pixel perfect
  • Estrutura de pastas e arquivos
  • nome das classes e ids
  • Indentação
  • README.md atualizado