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
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
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
- Conter a frase: Todos os direitos reservados
- Estar na mesma cor que o cabeƧalho