Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/renan1102/landing-page-mundo-invertido
https://github.com/renan1102/landing-page-mundo-invertido
animation-css css3 html5 javascript
Last synced: 2 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/renan1102/landing-page-mundo-invertido
- Owner: Renan1102
- Created: 2024-10-21T14:08:37.000Z (27 days ago)
- Default Branch: main
- Last Pushed: 2024-10-21T20:00:57.000Z (27 days ago)
- Last Synced: 2024-10-22T11:52:16.012Z (27 days ago)
- Topics: animation-css, css3, html5, javascript
- Language: CSS
- Homepage: https://renan1102.github.io/landing-page-mundo-invertido/
- Size: 14.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Landing Page: Stranger Things](https://renan1102.github.io/landing-page-mundo-invertido/) <-
Este projeto é uma landing page interativa, desenvolvida como estudo para aprimorar habilidades em HTML, CSS e JavaScript, inspirada na popular série Stranger Things.
A página foi projetada para capturar a atmosfera misteriosa e retrô da série, oferecendo uma experiência imersiva aos visitantes.## Tecnologias Utilizadas:
- HTML: Estruturação do conteúdo da página, incluindo seções de destaque sobre personagens, episódios e trailers.
- CSS: Estilização avançada para recriar o visual sombrio e alternando entre tema normal e noturno. Utilização de animações e transições para melhorar a interatividade.
- JavaScript: Manipulação do DOM e eventos para adicionar funcionalidades dinâmicas, como efeitos de hover, navegação suave e carregamento de conteúdos multimídia.## Objetivo do Projeto:
Este projeto foi desenvolvido como uma forma de consolidar conhecimentos em desenvolvimento web front-end, aplicando conceitos de HTML, CSS e JavaScript em um contexto realista e criativo.
# Demonstração:
![Primeira](https://github.com/user-attachments/assets/383c3118-a679-4e6a-a359-0dae04ebaeca)-------------------------
![Segunda](https://github.com/user-attachments/assets/0c4eb17d-a310-46a3-a4de-b9eb749cbf60)----------------------------------
- ![Terceira](https://github.com/user-attachments/assets/36be1f03-9ae5-4349-a4ce-bb2d95630481)
------------------------
- ![Quarta](https://github.com/user-attachments/assets/1b04629a-0a0e-456c-aea4-bd8421eb53ea)