image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image

GT

Gabriel Teles19/12/2023 20:24
Compartilhe

Inspirado na interface do YouTube! 🎥✨

  • #HTML
  • #CSS

Olá conexões! 🌐✨

Estou entusiasmado em compartilhar um projeto incrível que desenvolvi recentemente, inspirado na interface do YouTube! 🎥✨

html

Copy code
<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>YOUTUBE</title> <link rel="shortcut icon" href="./src/img/4375133_logo_youtube_icon.png"> <link rel="stylesheet" href="./src/css/reset.css"> <link rel="stylesheet" href="./src/css/index.css"> </head> <body> <!-- Estrutura HTML do Projeto --> <!-- ... (O restante do código HTML) ... --> </body> </html> 

Este projeto envolve a reprodução de vídeos, interação com o conteúdo e navegação por diferentes seções. A experiência de usuário foi cuidadosamente considerada, proporcionando um layout intuitivo e visualmente atraente. Algumas características notáveis incluem:

  • Barra de Navegação Responsiva: A barra superior oferece opções como pesquisa, postagem de vídeos, notificações e perfil do usuário.
  • Reprodução de Vídeo: A seção principal exibe um vídeo incorporado do YouTube com informações relevantes, como título e estatísticas de visualizações.
  • Interatividade: É possível interagir com os vídeos, curtindo, descurtindo, compartilhando e baixando. Além disso, há uma opção para se inscrever no canal.
  • Seção de Navegação Lateral: Uma barra lateral apresenta vídeos relacionados para uma experiência de navegação contínua.

Além disso, o projeto foi estilizado com CSS para garantir uma apresentação atraente e responsiva em diferentes dispositivos.

Fique à vontade para conferir o código completo no meu repositório e compartilhar seus comentários! Estou aberto(a) a feedback e sugestões para melhorias.

#DesenvolvimentoWeb #HTML #CSS #ProjetoYouTube #WebDesign 🚀👩‍💻

Estou animado para receber o feedback da comunidade! Se tiverem alguma pergunta ou sugestão, não hesitem em entrar em contato. Vamos criar juntos! 💬🚀

Cod: https://github.com/GabrielTelessss/-interfaceYouTube.git

image

imageimage

Compartilhe
Comentários (1)
Diogo Belo
Diogo Belo - 20/12/2023 12:58

Parabéns Gabriel! Ficou massa!