Este projeto é um portal educacional moderno e interativo desenvolvido para organizar resumos das matérias do 1º Bimestre do curso técnico CTI.
- HTML5: Estruturação semântica e acessível.
- CSS3 Moderno:
- Grid & Flexbox: Layout responsivo em grade 2x2.
- Glassmorphism: Efeitos de transparência e desfoque de fundo.
- CSS Variables: Gerenciamento centralizado de cores e tokens de design.
- Animações (cubic-bezier): Transições suaves e efeitos de flutuação nos cards.
- Git & GitHub: Versionamento e hospedagem do código.
O projeto foca em uma experiência de usuário Premium e Dinamica:
- Paleta Dark: Fundo escuro com cores vibrantes para cada linguagem (PHP, Java, C#, HTML/CSS).
- Interatividade: Cards com efeitos de brilho (card-glow) e escala ao passar o mouse.
- Tipografia: Utilização da fonte "Inter" para garantir legibilidade e modernidade.
├── index.html # Dashboard principal (Hub)
├── style.css # Folha de estilo unificada
├── src/ # Diretório de resumos detalhados
│ ├── php.html # Resumo de PHP
│ ├── java.html # Resumo de Java
│ ├── csharp.html # Resumo de C#
│ └── apps.html # Resumo de Aplicativos 1
└── image/ # Assets e logotipos customizados
- Arquitetura Multi-Página: Transição de uma aplicação de página única para uma estrutura organizada em pastas, facilitando a expansão de conteúdo.
- Identidade Visual: Troca de logos genéricos (SVG) por imagens de alta resolução fornecidas para cada tecnologia.
- Experiência Responsiva: Layout que se adapta a diferentes tamanhos de tela, mantendo a grade 2x2 em desktops.
- Navegação Fluida: Botões de retorno integrados em todas as subpáginas para uma navegação sem fricção.
Desenvolvido como ferramenta de estudo para o CTI 2026.