O projeto é um clone do site HBO Max, com o intuito de reproduzir a interface, com algumas modificações, aplicando os temas abordados ao longo das aulas de CSS da plataforma da Digital Innovation One.
O clone do site HBO Max serve como desafio para os alunos da plataforma testarem seus conhecimentos e colocarem em prática os recursos de HTML e CSS abordados nos cursos.
Você pode acessar a minha resolução final do projeto Clicando aqui
- Menu de navegação
- Cabeçalho com animação gradiente
- Cards com os planos de assinatura animados
- Lista de filmes e séries disponíveis na plataforma
- Formulário de login
- Rodapé com links importantes
- UI Responsiva
As features são visuais, não possuindo integração com nenhuma API. O intuito do projeto é reproduzir a interface do site original, com algumas modificações.
O projeto possui como intuito aplicar os conceitos abordados na Trilha de CSS da DIO, ministrada pela instrutora Michele Ambrosio.
Recursos CSS presentes no projeto:
- Fundamentos do CSS
- Grid Layout
- Flexbox
- Responsividade
- Pseudo-elementos
- Pseudo-classes
- Transformações 2D e 3D
- Transições e animações
- Tratamento de campos inválidos no formulário
Como parte do desafio final da Trilha de CSS, o desenvolvedor deve reproduzir esse projeto, sem realizar uma consulta do código final do site, presente na branch master deste repositório.
O resultado final do projeto deve contemplar todas as features presentes no resultado final.
Você pode acessar a minha resolução final do projeto Clicando aqui
Você pode acessar ao resultado final esperado do projeto Clicando aqui
Gabriel Henrique Fonseca
Instagram | GitHub | LinkedIn |
Michele Queiroz Ambrosio
Instagram | GitHub | LinkedIn | Twitch
⌨️ com ❤️ por Michele Ambrosio 😊
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent