Skip to content
jonasnuneesPublic

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🤖 Balle Bot - Landing Page

Uma landing page moderna e responsiva para o Balle Bot, um bot de moderação para comunidades do Discord.

Badge Badge

📋 Sobre o Projeto

O Balle Bot é um bot de moderação para Discord que oferece:

  • ✅ Sistema de verificação captcha para novos membros
  • 🚫 Sistema de banimento automático para links suspeitos
  • ⚠️ Sistema de avisos e banimento manual para administradores

Esta landing page foi desenvolvida para apresentar as funcionalidades do bot de forma clara e atraente.

✨ Features

  • 🎨 Design moderno com gradiente personalizado
  • 📱 100% Responsivo - Funciona perfeitamente em Mobile, Tablet e Desktop
  • 🖱️ Efeitos hover interativos
  • ⚡ Performance otimizada
  • 🎯 Interface intuitiva e amigável

📱 Responsividade

A página agora conta com design responsivo completo, adaptando-se perfeitamente a diferentes tamanhos de tela:

💻 Desktop (1025px+)

  • Layout completo em duas colunas
  • Navegação horizontal
  • Imagens em tamanho original

📲 Tablet (769px - 1024px)

  • Ajustes intermediários nos tamanhos
  • Mantém estrutura horizontal
  • Otimizado para iPads e tablets Android

📱 Mobile (até 768px)

  • Layout em coluna única
  • Menu empilhado verticalmente
  • Textos e botões otimizados para toque
  • Imagens redimensionadas

🚀 Como Usar

  1. Clone este repositório:
git clone https://github.com/jonasnunees/balle-bot.git
  1. Navegue até a pasta do projeto

  2. Abra o arquivo index.html no seu navegador ou utilize um servidor local

📁 Estrutura do Projeto

balle-bot/
│
├── index.html
├── css/
│   └── styles.css
├── img/
│   ├── Vector.svg
│   ├── Group 4.svg
│   └── BALLERINI.svg
└── README.md

🎨 Paleta de Cores

  • Primary: #2F2325
  • Secondary: #8E5D52
  • Accent: #ECD6C4
  • Text: #FFF2E7

🛠️ Tecnologias Utilizadas

  • HTML5
  • CSS3
  • Google Fonts (Righteous & Sarala)
  • Flexbox
  • Media Queries

🎓 Créditos

Este projeto foi desenvolvido com base no tutorial da Rafaela Ballerini.

A implementação da responsividade foi adicionada como uma melhoria ao projeto original.

👩‍💻 Rafaela Ballerini

Desenvolvedora, criadora de conteúdo e instrutora que ensina programação de forma didática e acessível.

Conecte-se com a Rafa:

GitHub Instagram Discord TikTok

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


⭐ Se este projeto te ajudou, considere dar uma estrela!

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages