🚀 Desafio | Front-end - Módulo 1

O objetivo deste exercício é replicar o website encontrado no arquivo 'Desafio front academy 1.fig'.

Tecnologias utilizadas

• 
• 

Como executá-lo?

Você pode vê-lo aqui

Aprendizados:

• Elementos semânticos de bloco
• Links no HTML
• Box-model
• Reset de margins e paddings
• Modificação de fontes
  • Importação de fontes do Google Fonts
  • Modificação de peso e tamanho
• Manipulação de imagens
  • Imagens de fundo
  • Modificação de tamanho e posicionamento
• Layout flex
  • Eixos do flexbox
  • Alinhamento do flexbox
• Elementos de formulários
• Pseudo classes focus e hover
• Utilização do Figma

Páginas

• Home
• Portfolio
• Portfolio - 01 - Manage
• Portfolio - 02 - Bookmark
• Portfolio - 03 - Insure
• Portfolio - 04 - Fylo
• Contato

Home

Seções

• Header

• Hero Section

• Sobre Section

• Contato Section

• Footer

Portfolio

Seções

• Header

• Manage Section

• Bookmark Section

• Insure Section

• Fylo Section

• Contato Section

• Footer

Portfolio - 01 - Manage

Seções

• Header

• Hero Section

• Descrição Projeto Aside

• Main Section

• Links Section

• Contato Section

• Footer

Portfolio - 02 - Bookmark

Seções

• Header

• Hero Section

• Descrição Projeto Aside

• Main Section

• Links Section

• Contato Section

• Footer

Portfolio - 03 - Insure

Seções

• Header

• Hero Section

• Descrição Projeto Aside

• Main Section

• Links Section

• Contato Section

• Footer

Portfolio - 04 - Fylo

Seções

• Header

• Hero Section

• Descrição Projeto Aside

• Main Section

• Links Section

• Contato Section

• Footer

Contato

Seções

• Header

• Entre em contato Section

• Contato Section

• Footer

######## tags: front-end HTML CSS desafio cubos