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-logona 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
Trybewartscentralizado 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-formos inputs denome, sobrenome e email - 9 - Acrescente ao formulário um select com o id
housecontendo as opçõesGitnória,Reactpuff,CorvinodeePytherina - 10 - Posicione os campos de
NomeeSobrenomepara que fiquem em linha - 11 - Posicione os campos de
EmaileCasapara 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
checkboxcontendo 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
textareae uma label com a classetextareacontendo o número máximo de caracteres igual à 500 - 16 - Crie um campo de entrada do tipo
checkboxcom o idagreementpara validar as informações - 17 - Crie um botão de Enviar para submeter o formulário
- 18 - Faça com que o botão
Enviarseja 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
countercontendo 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