https://github.com/ryanverissimo/projeto_hbo_max

Projeto "Site HBOMax" realizado para o curso de CSS da "Dio", com o intuito de finalizar o bootcamp de CSS.
https://github.com/ryanverissimo/projeto_hbo_max

css3 html5

Last synced: 12 months ago
JSON representation

Projeto "Site HBOMax" realizado para o curso de CSS da "Dio", com o intuito de finalizar o bootcamp de CSS.

• Host: GitHub
• URL: https://github.com/ryanverissimo/projeto_hbo_max
• Owner: RyanVerissimo
• Created: 2024-07-31T20:46:46.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T06:03:41.000Z (almost 2 years ago)
• Last Synced: 2025-03-03T06:25:11.693Z (over 1 year ago)
• Topics: css3, html5
• Language: HTML
• Homepage: https://projeto-hbo-max.vercel.app
• Size: 14.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


Site HBO Max

Clone com modificações




  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 como desafio.





  



## 📎 Sumário

- [💻 Features](#features)

- [📍 Temas abordados](#topics)

- [🏆 Desafio](#challenges)

- [🛠 Projeto](#demo)

- [👨🏽‍💻 Autor](#author)

💻 Features


- 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.*

📍 Temas abordados


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

🛠 Projeto


Você pode acessar ao resultado final do projeto [clicando aqui](https://projeto-hbo-max.vercel.app/).

👨🏽‍💻 Autor



    


    
&nbsp&nbsp&nbspRyan Verissimo


    &nbsp&nbsp&nbspInstagram | GitHub | LinkedIn