escolha-seu-personagem.html

<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Escolha seu Personagem!!</title>
    <link rel="stylesheet" href="escolha-seu-personagem.css">
</head>

<body>
    <header>
        <h1>
            Escolha seu Personagem!
        </h1>
    </header>
    <main>
        <div class="container">
            <div class="card background1">
                <div class="content">
                    <h2>01</h2>
                    <h3>Batman</h3>
                    <p class="para1"><strong>Ajude Batman a impedir que o coringa controle o Arkham Asylum junto com
                            seus capangas.</strong></p>
                    <a href="../Projeto_Modulo_1/Batman/Batman_1.html">Jogue com o Batman</a>
                </div>
            </div>
            <div class="card background2">
                <div class="content">
                    <h2>02</h2>
                    <h3>Coringa</h3>
                    <p class="para2"><strong>Ajude o coringa em seu plano maligno que é tomar o Arkham Asylum e criar o
                            maior caos possivel.</strong></p>
                    <a href="../Projeto_Modulo_1/Coringa/coringa_1.html">Jogue com o Coringa</a>
                </div>
            </div>
            <div class="card background3">
                <div class="content">
                    <h2>03</h2>
                    <h3>Oraculo</h3>
                    <p class="para3"><strong>Ajude a Oráculo a guiar o Batman pelo Asilo para que ele derrote os
                            inimigos.</strong></p>
                    <a href="../Projeto_Modulo_1/Oraculo/oraculo1.html">Jogue com a Oraculo</a>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="rodape">
            <p>Todos os personagens e imagens são de direito de <a href="https://www.dccomics.com/">Dc Comics</a></p>
            <p>Jogo baseado em <a
                    href="https://store.steampowered.com/app/35140/Batman_Arkham_Asylum_Game_of_the_Year_Edition/">Batman:
                    Arkham Asylum</a></p>
            <p>Jogo criado por <a href="https://www.instagram.com/laura._.castro27/">Laura Castro T15 </a>2022</p>
        </div>
    </footer>
    <script type="text/javascript" src="vanilla-tilt.js"></script>
    <script> VanillaTilt.init(document.querySelectorAll(".card"), {
            max: 25,
            speed: 400,
            glare: true,
            "max-glare": 0.5,
        });
    </script>
</body>

</html>