index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pokémon - Home de Cartas</title>
    
    <!-- Favicon -->
    <link rel="icon" href="src/imagens/logos/pokeball-icon.png" type="image/png">
    
    <!-- Fontes -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;800&display=swap" rel="stylesheet">
    
    <!-- Estilos -->
    <link rel="stylesheet" href="src/css/style.css">
</head>
<body>
    <!-- Cabeçalho -->
    <div class="pokeball-center"></div>
    <header class="menu">
        <img class="logo-pokemon" src="src/imagens/logos/logo-pokemon.png" alt="Logo Pokémon">
    </header>
    
    <!-- Botão para ver cartas -->
    <a href="cards.html" class="entrar-botao">VER CARTAS</a>
    
    <!-- Cartas flutuantes -->
    <div id="cartas" class="cartas-container">
        <img src="src/imagens/logos/logo-cards.jpg" alt="Cartas" class="carta-flutuante">
    </div>
    
    <!-- Rodapé -->
    <footer>
        <p>&copy; 2024 <a href="https://github.com/paulaPSOx" target="_blank" class="github-link">PaulaPSOx</a>. Todos os direitos reservados.</p>
    </footer>
    
    <!-- Scripts -->
    <script src="src/js/script.js" defer></script>
</body>
</html>