- 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.
-
Vocês terão que criar um fork deste repositório.
-
Depois vocês devem clonar o seu fork.
git clone https://github.com/<nome-do-seu-usuario>/lyft.git
O objetivo é replicar o site do Lyft e esse deverá ser o resultado:
-
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 arquivomain.css
onde você irá colocar todos os estilos necessários para o seu projeto. -
Dentro da pasta
assets
você irá encontrar a pastaimages
, 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);
- Botões e hover:
-
Para o footer, você deverá lembrar de colocar um
hover
no texto, da seguinte forma: -
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.
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