Skip to content

Projeto de site de streaming desenvolvido com HTML5 e CSS3, focado em layout responsivo e prática de front-end básico.

Notifications You must be signed in to change notification settings

Peridan1/alfaplus-1balfa24

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 AlfaPlus Cinema

AlfaPlus é um projeto modelo de site para um serviço de streaming fictício, desenvolvido com HTML5 e CSS3 puro, com foco em estruturação de layout, responsividade e estilo moderno. Esse projeto foi utilizado para praticar e organizar os conhecimentos adquiridos durante o início do curso na faculdade.

🧩 Tecnologias Utilizadas

  • HTML5
  • CSS3
  • Font Awesome (ícones)
  • Google Fonts (Roboto)
  • Sem frameworks ou bibliotecas externas

📁 Estrutura do Projeto

/
├── index.html
├── filmes.html (em desenvolvimento)
├── series.html (em desenvolvimento)
├── css/
│   ├── reset.css
│   └── style.css
├── img/
│   ├── logotipo.jpg
│   ├── homem-aranha.webp
│   └── slide.jpg

✨ Funcionalidades

  • Layout responsivo para desktop e mobile
  • Menu principal com links para Home, Filmes e Séries
  • Menu mobile funcional (hamburguer)
  • Seções com cards de destaque animados
  • Rodapé com links úteis e redes sociais
  • Slider com imagem de fundo opaca
  • Cores e tipografia modernas, com foco em legibilidade e estética

📱 Responsividade

  • Reorganização de menus e cards para dispositivos menores
  • Ocultação/mostragem de elementos de acordo com o tamanho da tela
  • Ícones e textos adaptados ao mobile

💡 Inspiração Visual

A interface foi inspirada em sites modernos de entretenimento.

📷![Inspiração visual](img/inspiração.jpg)

Exemplo de inspiração usada: Exemplo

📝 Observações

  • Este projeto é apenas uma vitrine de estudos.
  • As páginas filmes.html e series.html ainda estão sendo desenvolvidas.
  • Não há backend ou base de dados.

🚧 Futuras Melhorias

  • Busca por filmes e séries
  • Página de detalhes
  • Integração com backend (PHP/Node.js)
  • Tela de login/cadastro

👨‍💻 Autor

Desenvolvido por Daniel Satel Pereira GitHub: @DanielSatelPereira