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>Card Hover Effect</title>
    <link rel="stylesheet" href="style/style.css" />
  </head>
  <body>
    <div class="container">
      <div class="card">
        <div class="imgBx">
          <img src="img/mario.jpg" alt="Mario" />
        </div>
        <div class="content">
          <h2>Mario</h2>
          <p>
            Es el protagonista de la franquicia de videojuegos homónima, creado
            por el diseñador de videojuegos japonés Shigeru Miyamoto para la
            compañía Nintendo.
          </p>
        </div>
      </div>
      <div class="card">
        <div class="imgBx">
          <img src="img/yoschi.jpg" alt="Yoschi" />
        </div>
        <div class="content">
          <h2>Yoshi</h2>
          <p>
            Es un dinosaurio híbrido antropomórfico perteneciente a la
            franquicia de Super Mario, el cual también cuenta con su propia
            serie de juegos.
          </p>
        </div>
      </div>
      <div class="card">
        <div class="imgBx">
          <img src="img/luigi.jpg" alt="Luigi" />
        </div>
        <div class="content">
          <h2>Luigi</h2>
          <p>
            Es el hermano menor de Mario y es el icónico compañero de su hermano
            mayor a lo largo de la franquicia de Mario.
          </p>
        </div>
      </div>
    </div>
  </body>
</html>