<html>

<head>
    <title>QR Code Scanner</title>
    <!-- Bootstrap CDN -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="row m-5">
            <h1 class="text-center title">QR Code Generator</h1>
            <div class="row p-4">
                <div class="col-sm-10">
                    <input type="text" id="content" placeholder="Enter your text here . . ." class="form-control">
                </div>
                <div class="col-sm-2"><button type="button" id="generate" class="btn btn-primary">Generate</button>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="card m-2 mx-auto" id="resultBox">
                </div>
            </div>
        </div>
    </div>
    <script src="style.js"></script>
</body>

</html>
