Skip to content

Projeto desenvolvido com HTML e CSS, utilizando Flexbox para construir um layout responsivo com barra de navegação, menu lateral e exibição de vídeos da Alura. Baseado em curso da Alura.

Notifications You must be signed in to change notification settings

Natalia-Timote/alura-play-home

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

▶️ Alura Play

O Alura Play é uma página desenvolvida com foco na construção de layouts responsivos utilizando Flexbox. A aplicação simula uma plataforma de vídeos com barra de navegação superior, menu lateral e exibição central de vídeos da Alura. O layout se adapta a diferentes tamanhos de tela com fluidez e organização visual.

Static Badge Static Badge


🚀 Sobre o Projeto

Este projeto foi desenvolvido durante o curso da Alura:

  • "CSS: Flexbox e layouts responsivos"

Durante o curso, o foco foi aprender a organizar elementos com Flexbox e criar um layout que se adapta a diversos dispositivos. Exploramos propriedades como flex-direction, justify-content, align-items, além da integração do Flexbox com outras propriedades CSS.

📚 Objetivos do Curso

  • Aprender a utilizar propriedades do Flexbox na prática construindo um projeto responsivo;
  • Alterar o eixo de itens para horizontal ou vertical;
  • Aplicar vídeos de forma responsiva utilizando propriedades Flexbox;
  • Conhecer as características do Flexbox;
  • Integrar as propriedades Flexbox com outras propriedades CSS.

🛠️ Tecnologias Utilizadas

🖼️ Visualização do Projeto

Uma prévia das principais funcionalidades do Alura Play:

🌐 Acesse o Projeto Online

O projeto está disponível para visualização na Vercel. Clique no link abaixo para acessar:

Static Badge

🧾 Página Inicial

Layout com barra superior de navegação e menu lateral com ícones. Vídeos organizados com Flexbox de forma responsiva no corpo principal.

Página Inicial

📱 Responsividade

Layout adaptado para diferentes tamanhos de tela com foco em mobile-first.

Responsividade

About

Projeto desenvolvido com HTML e CSS, utilizando Flexbox para construir um layout responsivo com barra de navegação, menu lateral e exibição de vídeos da Alura. Baseado em curso da Alura.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published