Skip to content

Um site interativo mobile para celebrar 2 anos de namoro. Inclui presente virtual animado, 6 cartas com músicas temáticas, tartaruga interativa e design responsivo. Tecnologias: HTML, CSS, JavaScript.

License

Notifications You must be signed in to change notification settings

Charaktane/GiftLove

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎁 Gift For Your Love

Um projeto interativo para celebrar 2 anos de namoro, com presentes virtuais, cartas e músicas especiais para criar uma experiência emocionante e única.


💌 Sobre

Este projeto é uma página web que combina:

  • Um presente interativo que pode ser “aberto”
  • Cartas personalizadas que aparecem ao clicar no presente
  • Trilha sonora especial para cada carta, criando uma atmosfera romântica e nostálgica
  • Um toque divertido com a tartaruga Doroth 🐢

É ideal para presentear de forma digital, mostrando carinho e criatividade.


🎵 Músicas das cartas

Nota legal: As músicas originais listadas abaixo são protegidas por copyright e não estão incluídas no projeto. Para uso legal, substitua por músicas royalty-free em audio/.

Carta Título Música Link
1 O quanto eu te amo My Love Mine All Mine – Mitski YouTube
2 O que eu admiro em você Can't Help Falling in Love YouTube
3 O futuro que eu quero Just the Two of Us YouTube
4 Enquanto for você Outro Lugar – Detonautas YouTube
5 Nossos 2 anos juntas Velha Infância – Tribalistas YouTube
6 Minha promessa Assim Como Um Menino – LS Jack YouTube

🛠️ Tecnologias

  • HTML5
  • CSS3
  • JavaScript
  • Áudios em mp3
  • Animações simples com CSS para presentes e tartaruga

🚀 Como usar

  1. Abra o index.html no navegador.
  2. Clique no presente para abrir as cartas.
  3. Cada carta tocará a música correspondente automaticamente.
  4. Use os botões de áudio 🎵🔊 para controlar música e efeitos sonoros.
  5. Feche a carta usando o botão × no canto.

❤️ Personalização

Você pode facilmente:

  • Trocar as músicas por outras de sua preferência, indo em audios, ou a ordem(atualizando o array musics em script.js).
  • Alterar os textos das cartas.
  • Substituir gifs ou imagens das cartas e tartaruga.

License

Este projeto é licenciado sob a MIT License - veja o arquivo LICENSE para detalhes.

✨ Créditos


Aproveite e compartilhe o amor! 💖

About

Um site interativo mobile para celebrar 2 anos de namoro. Inclui presente virtual animado, 6 cartas com músicas temáticas, tartaruga interativa e design responsivo. Tecnologias: HTML, CSS, JavaScript.

Topics

Resources

License

Stars

Watchers

Forks