Clone Yu-Gi-Oh!

Bem-vindo ao Clone Yu-Gi-Oh!, um projeto criado durante a "Semana do Zero ao Programador Contratado". Ele simula um slider de personagens, inspirado no universo de Yu-Gi-Oh!, exibindo cartas fictícias com nomes, descrições e atributos personalizados.

🛠️ O que foi usado?

• HTML: Para estruturar as informações das cartas.
• CSS: Para deixar o design bonito e responsivo, além de incluir uma fonte personalizada exclusiva.
• JavaScript: Para fazer o slider funcionar, permitindo que você avance e volte entre as cartas.

✨ Funcionalidades

• Exibição de personagens fictícios com imagens, descrições e atributos de ataque (ATK) e defesa (DEF).
• Navegação simples entre as cartas usando botões.
• Design que se adapta bem a diferentes tamanhos de tela, garantindo uma ótima experiência em celulares, tablets e desktops.

📂 Estrutura do Projeto

Os arquivos estão organizados da seguinte forma:

• HTML: Estrutura da página.
• CSS: Estilos gerais, responsividade e reset para um design consistente.
• JavaScript: Controle da navegação do slider.
• Imagens e Fontes: Todos os visuais e a fonte personalizada "Yugioh".

🚀 Como usar?

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

   git clone https://github.com/seu-usuario/seu-repositorio.git

2. Abra o arquivo index.html em qualquer navegador para ver o projeto funcionando.

🎯 Sobre o projeto

Este projeto foi uma ótima forma de aprender e praticar:

• Organização de código em projetos web.
• Criação de interfaces dinâmicas com JavaScript.
• Design responsivo usando CSS.