O projeto faz parte de uma atividade avaliativa do Bloco 06: HTML e CSS: Forms, Flexbox e Responsivo
, do curso de Desenvolvimento de Software da Trybe.
Foi uma atividade em equipe, onde desenvolvi o projeto em conjunto com colega de curso Douglas Toledo.
- 1 - Crie uma barra verde na parte superior da página
- 2 - Adicione o logotipo da Trybewarts com a classe
trybewarts-header-logo
na barra superior - 3 - Acrescente um formulário de login no canto direito da barra superior contendo os inputs de email, senha e um botão de login
- 4 - Crie um título com o texto
Trybewarts
centralizado dentro doHeader
- 5 - Adicione um formulário no corpo da página
- 6 - Faça com que o eixo principal do formulário seja vertical
- 7 - Adicione a logo da Trybewarts no lado direito da página
- 8 - Acrescente ao formulário com id
evaluation-form
os inputs denome, sobrenome e email
- 9 - Acrescente ao formulário um select com o id
house
contendo as opçõesGitnória
,Reactpuff
,Corvinode
ePytherina
- 10 - Posicione os campos de
Nome
eSobrenome
para que fiquem em linha - 11 - Posicione os campos de
Email
eCasa
para que fiquem em linha - 12 - Acrescente ao formulário um campo de entrada para qual família a pessoa estudante se identifica
- 13 - Crie campos de entrada do tipo
checkbox
contendo seis opções - 14 - Crie campo de entrada para avaliar de 1 a 10 o nível de satisfação com a Trybewarts
- 15 - Crie uma textarea com o id
textarea
e uma label com a classetextarea
contendo o número máximo de caracteres igual à 500 - 16 - Crie um campo de entrada do tipo
checkbox
com o idagreement
para validar as informações - 17 - Crie um botão de Enviar para submeter o formulário
- 18 - Faça com que o botão
Enviar
seja habilitado somente após a checkbox do requisito 16 ser selecionada - 19 - Crie um rodapé no final da página
- 20 - Crie um contador com o ID
counter
contendo o número de caracteres disponíveis no textarea, variando de 500 até 0, que deverá ser atualizado a medida que algo for digitado na textarea - 21 - Faça com que ao clicar no botão
Enviar
, o conteúdo do formulário seja substituído pelas informações preenchidas