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!