Esta atividade tem como objetivo servir como primeiro instrumento avaliativo da disciplina.
O entregável será uma página em HTML5, CSS3 e Javascript seguindo os conteúdos ministrados até aqui.
-
O tema da aplicação é de sua preferência. Pode ser sobre carros, animes, cidades, etc.
-
A aplicação deve ser responsiva.
-
A aplicação consiste em um formulário que, ao ser preenchido, cria cards com as informações preenchidas.
-
Sobre o formulário:
- O formulário deve ter pelo menos 4 campos: Título, Descrição e URL da imagem e um botão de submit.
- Após o preenchimento, ao clicar no botão de submit, as informações devem ser adicionadas à lista de cards na página.
-
Sobre os Cards:
- Os cards devem ter uma imagem e constar todas as informações previamente preenchidas no formulário.
- O comportamento se dará de forma que as informações preenchidas sejam exibidas na seção de cards.
➔ Dica
Você pode acrescentar outros campos ao formulário para deixar a aplicação mais completa.
Clique aqui e faça seu card!
Para desenvolver e implementar a atividade, foi disponibilizado um wireframe que pode ser visto aqui. Que nos serviu como base.
Para os icones utilizamos a biblioteca de ícones Font Awesome
Cores inspiradas no tema Dracula disponibilizadas aqui