O objetivo deste exercício é replicar o website encontrado no arquivo 'Desafio front academy 1.fig'.
- Portfolio
- Portfolio - 01 - Manage
- Portfolio - 02 - Bookmark
- Portfolio - 03 - Insure
- Portfolio - 04 - Fylo
- Contato
Seções
-
Header
-
Hero Section
-
Sobre Section
-
Contato Section
-
Footer
Seções
-
Header
-
Manage Section
-
Bookmark Section
-
Insure Section
-
Fylo Section
-
Contato Section
-
Footer
Seções
-
Header
-
Hero Section
-
Descrição Projeto Aside
-
Main Section
-
Links Section
-
Contato Section
-
Footer
Seções
-
Header
-
Hero Section
-
Descrição Projeto Aside
-
Main Section
-
Links Section
-
Contato Section
-
Footer
Seções
-
Header
-
Hero Section
-
Descrição Projeto Aside
-
Main Section
-
Links Section
-
Contato Section
-
Footer
Seções
-
Header
-
Hero Section
-
Descrição Projeto Aside
-
Main Section
-
Links Section
-
Contato Section
-
Footer
Seções
-
Header
-
Entre em contato Section
-
Contato Section
-
Footer
- Elementos semânticos de bloco
- Links no HTML
- Box-model
- Reset de margins e paddings
- Retirando a underline dos links
- Modificando o tamanho das fontes
- Modificando o peso das fontes
- Modificando as fontes
- Importando as fontes do Google Fonts
- Retirando o estilo das listas
- Colocando sombra dos elementos
- Imagens de fundo
- Utilizando o Figma
- Layout flex
- Eixos do flexbox
- Alinhamento no flexbox
- Algoritmo do flexbox
- Exercício 2 - Cabeçalho
- Margin auto e flexbox
- Debug no CSS
- Dica para os exercícios
- Elementos de formulário
- Estilizando inputs e botões + propriedade all
- Pseudo classes focus e hover
LEMBRE-SE: é melhor feito do quê perfeito!!!