index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>QR Code Scanner</title>
        <link rel="stylesheet" href="style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    </head>
    <body>
        <div class="wrapper">
            <form action="#">
                <input type="file" hidden>
                <img src="#" alt="QR CODE SCANNER">
                <div class="content">
                    <i class="fas fa-cloud-upload"></i>
                    <p>Upload QR Code To Scan.</p>
                </div>
            </form>
            <div class="details">
                <textarea spellcheck="false" disabled></textarea>
                <div class="buttons">
                    <button class="close">Close.</button>
                    <button class="copy">Copy.</button>
                </div>
            </div>
        </div>
        <script src="main.js"></script>
    </body>
</html>