https://github.com/felipetaua/diadosnamorados

Botão Fujão
https://github.com/felipetaua/diadosnamorados

Last synced: 4 months ago
JSON representation

Botão Fujão

• Host: GitHub
• URL: https://github.com/felipetaua/diadosnamorados
• Owner: felipetaua
• Created: 2024-12-01T02:05:08.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-12-21T13:41:13.000Z (6 months ago)
• Last Synced: 2025-01-10T15:38:44.429Z (5 months ago)
• Language: HTML
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### README - Botão Fujão: Feliz Dia dos Namorados 💖

Este é um projeto divertido e interativo para comemorar o Dia dos Namorados com uma proposta criativa: um botão "Não" que foge quando o cursor do mouse se aproxima! Além disso, o site inclui uma mensagem romântica, um botão de "Sim" com link para um vídeo especial e elementos estilizados para deixar a página mais atraente.

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

---

### **Descrição do Projeto**

O site apresenta:  

1. **Uma mensagem especial**: Uma frase romântica para celebrar o amor.  

2. **Botão interativo "Sim"**: Ao clicar, leva o usuário a um link especial (vídeo).  

3. **Botão "Não" que foge**: Quando o usuário tenta clicar, o botão muda de posição, criando um momento de diversão.  

4. **Design Responsivo**: A interface adapta-se para diferentes tamanhos de tela, mantendo a interação.  

---

### **Recursos Utilizados**

#### **HTML**

- Estruturação básica da página.  

- Integração com um GIF animado.  

#### **CSS**

- Estilo visual da página, como:

  - **Painel principal** com sombra e bordas arredondadas.

  - **Botões interativos** com efeitos de hover e transições suaves.  

  - **Cores temáticas**: Vermelho, rosa, e branco para combinar com o espírito romântico.  

#### **JavaScript**

- Função `fugir()` para manipular dinamicamente a posição do botão "Não", adicionando uma experiência interativa.

---

### **Como Usar**

1. **Acesse o site.**  

2. Leia a mensagem romântica e observe o design especial.  

3. Escolha:

   - Clique em "Sim" para acessar o vídeo especial.

   - Tente clicar em "Não" e divirta-se com o botão fugindo!  

---

### **Tecnologias Usadas**

- **HTML5**: Para a estrutura da página.  

- **CSS3**: Para estilização e efeitos visuais.  

- **JavaScript**: Para manipulação dinâmica de elementos.  

- **FontAwesome**: Ícones decorativos para os botões.  

---

### **Como Executar o Projeto Localmente**

1. Baixe ou clone o repositório.  

2. Abra o arquivo `index.html` em qualquer navegador.  

3. Divirta-se com a interação!  

---

### **Captura de Tela (Opcional)**  

Inclua uma captura de tela do site para ilustrar o design e a funcionalidade.  

---

### **Agradecimentos**  

Este projeto foi criado com o objetivo de espalhar amor e diversão no Dia dos Namorados. 💕