Layout responsivo
Grid que vira coluna em telas menores. Teste breakpoints e espaçamentos.
Template rápido • HTML/CSS/JS
Um site simples para você testar UI, responsividade e interações.
Inclui navbar sticky, cards, formulário com validação, tabela e modal. Tudo em um arquivo só.
Recursos
Cards para testar grid, hover e filtro.
3 itens
Formulário com validação
Valida campos básicos e exibe feedback sem enviar para servidor.
Modal e atalhos
Modal acessível com ESC para fechar e botões de ação.
Formulário
Perfeito para testar validação e UX.
Tabela
Exemplo de listagem para testes.
| Item | Status | Atualizado |
|---|---|---|
| Pipeline de build | OK | Hoje |
| CSS tokens | Revisar | Ontem |
| Teste de modal | OK | Agora |
Dica: duplique linhas, teste overflow horizontal e seleção.
Sobre
Um template neutro para usar como base.
Você pode colar esse arquivo em qualquer projeto e ir trocando as seções. Se quiser, eu adapto para “landing page”, “dashboard”, “portfólio”, ou um layout parecido com o seu padrão corporativo.