https://github.com/felipetaua/feliz-natal

Um projeto especial para compartilhar uma mensagem mágica de Natal. Feito com HTML, CSS e JavaScript, combina animações, um design festivo e muito amor.
https://github.com/felipetaua/feliz-natal

convite convite-online feliz-natal natal

Last synced: 4 months ago
JSON representation

Um projeto especial para compartilhar uma mensagem mágica de Natal. Feito com HTML, CSS e JavaScript, combina animações, um design festivo e muito amor.

• Host: GitHub
• URL: https://github.com/felipetaua/feliz-natal
• Owner: felipetaua
• Created: 2024-12-25T03:42:54.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-12-25T04:02:41.000Z (6 months ago)
• Last Synced: 2025-01-10T15:38:42.494Z (5 months ago)
• Topics: convite, convite-online, feliz-natal, natal
• Language: HTML
• Homepage: https://flnat.vercel.app
• Size: 1.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎅 Feliz Natal - Presente Especial 🎄

Este projeto é um presente especial e interativo de Natal, feito com muito carinho! 💖 Uma pequena aplicação web que traz uma mensagem cheia de amor e magia para a pessoa especial da minha vida. 

[![Live Server](https://img.shields.io/badge/Live_Server-Click_Here-brightgreen?style=for-the-badge)](https://felipetaua.github.io/Feliz-Natal/)

## ✨ Sobre o Projeto  

Este projeto foi criado para transmitir uma mensagem de Natal de forma criativa e emocionante. Ao clicar na seta com "Ho Ho Ho", uma linda mensagem aparece, acompanhada de um design festivo e animado para celebrar o Natal.  

## 🛠️ Tecnologias Utilizadas  

- **HTML5**: Estrutura do projeto.  

- **CSS3**: Estilização com animações e responsividade.  

- **JavaScript**: Interatividade e efeitos dinâmicos.  

- **FontAwesome**: Ícones para decoração.  

- **Google Fonts**: Fontes personalizadas (`Delius Swash Caps`, `Inter`).  

## 🎨 Design  

O projeto apresenta:  

- Um fundo festivo com um gif do Papai Noel 🎅.  

- Mensagem de amor que aparece ao clicar na seta.  

- Animações para dar um toque especial ao design.  

## 📂 Estrutura de Arquivos  

- `index.html`: Estrutura da página.  

- `style.css`: Arquivo de estilização.  

- `script.js`: Controle da interatividade.  

- `papai-noel.gif`: Imagem animada para o fundo.  

- `logo-papai-noel.webp`: Ícone usado como favicon.  

## 🚀 Como Executar  

1. Faça o download ou clone este repositório.  

2. Abra o arquivo `index.html` em qualquer navegador de sua preferência.  

3. Aproveite a mensagem e compartilhe a magia do Natal!  

## 💌 Autor  

Projeto desenvolvido com amor por **Tauã Felipe** como presente especial de Natal.  

Entre em contato: [[email protected]](mailto:[email protected]).  

---

**Feliz Natal! 🎄** Que esta mensagem traga um sorriso e aqueça seu coração. ❤️