index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>QR Code Component</title>
        <link rel="stylesheet" type="text/css" href="css/styles.css">
        <link rel="icon" size="32x32" type="images.png"  href="images/favicon.ico" >
        <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@400;700&display=swap" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <div class="cards">
                <img src="images/image-qr-code.png" alt="QR code heading to frontendmentor.io" width="288" height="288">
        <h1 class="text">Improve your front-end skills by building projects </h1>
        <p>Scan the QR code to visit Frontend Mentor and take your coding skills to next level</p>
            </div>
        </div>
        
    </body>
</html>