index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <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=Outfit:wght@300;400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <title>NFT</title>
</head>
<body>
    
    <main>

        <div class="big_photo">
            <img src="./images/image-equilibrium.jpg" alt="">
        </div>

        <div class="middle">
            <h1>
                Equilibrium #3429
            </h1>

            <p>
                Our Equilibrium collection promotes balance and calm.
            </p>

        </div>

        <div class="middle_bottom">
            
            <div class="middle_eth">

                <img src="./images/icon-ethereum.svg" alt="eth_icon">
                    
                <span>
                    0.041ETH    
                </span>

            </div>

            <div class="middle_clock">

                <img src="./images/icon-clock.svg" alt="icon-clock">

                <span>
                    3 days left
                </span>

            </div>

        </div>

        <div class="footer">

            <div class="small_image">
                <img src="./images/image-avatar.png" alt="image-avatar" />
                <div>
                    Creation of <span>Jules Wyvern</span>
                </div>
            </div>

            <!-- <div class="author">
                Creation of <span>Jules Wyvern</span>
            </div> -->

        </div>

    </main>

</body>
</html>