https://github.com/rafaeldesenvolvedor1/lightsout
Uma página desenvolvida para testar a bibilioteca Swiper e por em prática o efeito da assombração desaparecendo, como uma carateristica do filme.
https://github.com/rafaeldesenvolvedor1/lightsout
bootstrap html-css-javascript swiper-js
Last synced: over 1 year ago
JSON representation
Uma página desenvolvida para testar a bibilioteca Swiper e por em prática o efeito da assombração desaparecendo, como uma carateristica do filme.
- Host: GitHub
- URL: https://github.com/rafaeldesenvolvedor1/lightsout
- Owner: RafaelDesenvolvedor1
- License: mit
- Created: 2025-02-05T00:36:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-23T15:17:27.000Z (over 1 year ago)
- Last Synced: 2025-02-23T15:35:13.870Z (over 1 year ago)
- Topics: bootstrap, html-css-javascript, swiper-js
- Language: HTML
- Homepage: https://rafaeldesenvolvedor1.github.io/lightsOut/
- Size: 5.41 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Lights Out (2016) - Landing Page
## ✨ Sobre o Projeto
Esta é uma landing page inspirada no filme *Lights Out* (2016). O layout foi baseado em uma landing page do filme *Coringa* criada pelo canal "Online Tutorials" no YouTube. Você pode conferir o canal aqui
Este foi meu primeiro projeto utilizando um filme como tema, e explorei efeitos visuais para criar uma experiência imersiva.
## 💪 Tecnologias Utilizadas
- **HTML, CSS e JavaScript** para estrutura, estilização e interatividade
- **Bootstrap** (modal e cards)
- **Swiper.js** para o slide na seção do elenco
## 🎥 Destaques do Projeto
- **Efeito "Interruptor"**: Inspirado em uma das cenas do filme, desenvolvi um efeito onde ao desligar o interruptor, a imagem da assombração aparece. Ao ligar, ela desaparece e o fundo da página exibe um corredor iluminado.
- **Design Responsivo**: Compatível com diferentes tamanhos de tela.
- **Interatividade com Modal e Cards**: Apresentando detalhes sobre o filme e os personagens.
## 💌 Contato
Caso queira entrar em contato ou ver mais dos meus projetos:
- **GitHub**: Rafael Desenvolvedor1
- **LinkedIn**: Rafael Santos
Sinta-se à vontade para sugerir melhorias ou contribuir com o projeto! 💛