ResiliaPet 🐱

Descrição da tarefa

A ONG Adote Aqui, que trabalha com adoção de animais, entrou em contato com a Resilia para desenvolver uma página web para adoção de pets. Ao longo dessa semana vocês serão responsáveis pela vitrine dessa aplicação! Começaremos pelo menu de navegação do site.

Com base em seus conhecimentos de HTML, CSS e flexbox:

• Crie uma nova pasta chamada adote-aqui que conterá os arquivos do projeto
• Crie os arquivos HTML e CSS necessários

Media Query na AdoteAqui

Utilizando como base a barra de navegação desenvolvida para a Adote Aqui:

• Declare uma media query para visualizações com menos de 700 pixels de largura que:
  • Esconde o Nome/Logo da Adote Aqui (lembre-se da propriedade de display)
  • Disponibiliza em colunas os demais campos da barra de navegação

Pseudo classes

Utilizando como base o projeto "Adote Aqui", implemente dentro do cabeçalho da página:

• O aumento da logo/nome "Adote Aqui" ao passar com o mouse por cima
• A mudança de cor na fonte dos demais elementos do cabeçalho

Implemente o rodapé da página "Adote Aqui". Ele deve:

• Conter a frase: Todos os direitos reservados
• Estar na mesma cor que o cabeçalho

Layout Desktop

Layout Mobile