index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MINECRAFT</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="card">
        <span class="img">
            <img src="minecraft.jfif" alt="image">
        </span>
        <span class="content">Mine-craft</span>
        <div class="about">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, ipsum numquam? Tenetur vel reprehenderit
            nesciunt exercitationem. Quia rerum alias neque, inventore repellat modi, maxime saepe id exercitationem
            dolor repudiandae, molestiae sed earum quasi numquam commodi vel dicta atque esse perferendis facilis
            distinctio accusamus? Facilis quod quo quasi excepturi perfer
        </div>
        <button>install</button>
        <div class="home"><span class="b">Game</span><span class="b">OG</span></div>
        <div class="navi">
            <span class="nav">Home</span>
            <span class="nav">About</span>
            <span class="nav">services</span>
            <span class="nav">contact</span>
        </div>
    </div>
</body>

</html>