index.html

<!DOCTYPE html>
<html lang="en">

<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>Document</title>
    <link rel="stylesheet" href="./styles.css">
</head>

<body>
    <header class="cabeçalho">
        <div class="cabeçalho1">Desconto de 20%</div>
    </header>
    <h1 class="texto">
        <div class="texto1">Super-Heróis</div>
    </h1>
    <main class="teste">
        <section class="Card1">
            <img class="Image1" src="https://revistagalileu.globo.com/Revista/Galileu2/foto/0,,42812521,00.jpg">
            <img class="Image2"
                src="https://www.istoedinheiro.com.br/wp-content/uploads/sites/17/2022/03/thebatman2022.jpeg">
            <img class="Image3"
                src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/WikiFont_uniE033_-_heart_-_red.svg/768px-WikiFont_uniE033_-_heart_-_red.svg.png">


            <h1 class="Texto2"> Batman </h1>
            <p class="Paragrafo">A identidade secreta do Batman é Bruce Wayne, um bilionário americano, playboy, magnata
                de
                negócios, filantropo e dono da corporação Wayne Enterprises.Depois de testemunhar o assassinato dos seus
                pais enquanto criança, Wayne jurou vingança contra os criminosos.</p>
            <button class="clique"> Ver Mais </button>

        </section>
        <section class="Card1">
            <img class="Imagea"
                src="https://img.elo7.com.br/product/main/3602005/cenario-em-tecido-textura-rosa-e-roxa-degrade-cenario.jpg">
            <img class="Imageb"
                src="https://d5y9g7a5.rocketcdn.me/wp-content/uploads/2019/01/10-coisas-sobre-arlequina-que-todo-fa-precisa-saber-1024x538.png.webp">
            <img class="Imagec"
                src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/WikiFont_uniE033_-_heart_-_red.svg/768px-WikiFont_uniE033_-_heart_-_red.svg.png">
            <h1 class="Texto2"> Arlequina </h1>
            <p class="Paragrafo">Seu nome foi baseado no arlequim, com a intenção de ser um trocadilho ao seu nome
                original,
                Harleen Quinzel. Arlequina é frequentemente cúmplice e companheira amorosa do vilão Coringa o qual ela
                conheceu enquanto trabalhava como psiquiatra</p>
            <button class="clique"> Ver Mais </button>


        </section>
    </main>
    <footer class="rodape">
        <p> Todos os direitos reservados a Front-End I </p>
    </footer>


</body>

</html>