Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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)