APRENDA FAZENDO

Códigos para usar. Projetos para evoluir.

Escolha um trecho reutilizável no acervo ou avance em um projeto dividido em etapas curtas e liberadas pelo professor.

Projetos guiados

Construa do zero, uma etapa de cada vez, com checklist e upgrades opcionais.

Pesquise, visualize, copie e adapte recursos que funcionam em diferentes projetos.

Abrir o CodePen
Teste HTML, CSS e JavaScript em uma nova aba.

</>

Iniciantetela inicialboas-vindas

Cria uma tela de boas-vindas simples, centralizada e pronta para personalização.

</>

Iniciantebotãoazul

Um botão azul simples para destacar a principal ação de uma página.

</>

Iniciantebotãohover

O botão muda de posição e cor quando o ponteiro passa sobre ele.

</>

Iniciantebotãocontorno

Um botão leve, com fundo transparente e contorno colorido.