Formulário para inscrição de eventos, desenvolvido com HTML5 e CSS3.
Projeto de estudo para praticar:
- HTML5 semântico
- CSS3 com variáveis customizadas
- CSS Nesting
- Flexbox para layouts
- Organização modular de arquivos CSS
- Formulários e validação
- HTML5 - Estrutura semântica
- CSS3 - Estilização e layout
event-subscription-form/
|-- styles/
| |-- forms/ # Estilos dos campos do formulário
| | |-- checkbox.css
| | |-- fields.css
| | |-- form.css
| | `-- input.css
| |-- footer.css # Estilos do rodapé
| |-- global.css # Variáveis e estilos globais
| |-- header.css # Estilos do cabeçalho
| |-- main.css # Estilos do conteúdo principal
| `-- index.css # Importação dos estilos
|-- index.html # Página principal
`-- README.md # Este arquivo
Formulário completo de inscrição com campos para:
- Informações do Evento (título, link, WhatsApp, descrição, categoria)
- Validação de título com mínimo de 8 caracteres
- Validação de URL com prefixo https://
- Campo numérico para WhatsApp
- Select com múltiplas categorias de eventos
- Configurações de Privacidade (email administrador, senha, evento privado)
- Validação de e-mail
- Senha com mínimo de 8 caracteres
- Checkbox para evento privado
- Agendamento (data e horário)
- Campo de data
- Campos de início e fim do evento
Este projeto foi desenvolvido como parte dos estudos de front-end, focando em:
- Boas práticas de organização: Separação responsável dos arquivos CSS por componente
- CSS Moderno: Aplicação de recursos como nesting e variáveis customizadas
- Semântica HTML5: Uso correto das tags
- Design System: Consistência visual através de variáveis e padrões definidos
- Formulários: Implementação de diversos tipos de campos
- Layout: Uso de Flexbox para criar layouts
- Validação HTML5: Aproveitamento das validações nativas dos formulários