Desafio HTML+CSS
Você deverá montar a página de uma futura aplicação de contatos. A API ainda não está disponível, então preocupe-se apenas com a estrutura e visual da página.
Estes são os detalhes: -Funciona como uma agenda normal, portanto insere, edita, remove e lista contatos (CRUD); -A aplicação fornecerá uma lista de contatos paginada de 10 contatos por vez, então considere isso em seu design; -Crie uma forma de visualizar apenas os favoritos; -Crie um design responsivo e bonito;
E a razão de ser um desafio: não é permitido o uso de bibliotecas, apenas HTML e CSS puros.
Como sempre, o Renan e eu estaremos a disposição de vocês. Assim que sentir que terminou, nos notifique para que seu trabalho seja avaliado e possamos dar continuidade ao seu treinamento.
A estrutura que será utilizada para os dados é a seguinte: { "firstName": "Alessandro", "lastName": "Carvalho", "email": "[email protected]", "gender": "m", "info": {
"avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/terpimost/128.jpg",
"company": "Silva - Franco",
"address": "4974 Pedro Travessa",
"phone": "(23) 9147-2363",
"comments": ""
},
"isFavorite": false,
"_id": vNypw3EKd9cuKHu7
}
Complementos:
https://coolors.co/694b91-3a4161-9ba9b4-ffffff-fb9795 https://coolors.co/38c0a2-f8f8f8-02b18b-74d3bf-a0d27d https://github.com/rannysan/projetoCursoEmVideo/blob/master/_css/fotos.css https://origamid.com/projetos/flexbox-guia-completo/ https://fonts.google.com/specimen/Luckiest+Guy?selection.family=Luckiest+Guy