checkout.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Accept a payment</title>
    <meta content="A demo of a payment on Stripe" name="description"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <link href="checkout.css" rel="stylesheet"/>
    <script src="https://js.stripe.com/v3/"></script>
    <script defer src="checkout.js"></script>
</head>
<body>
<!-- Display a payment form -->
<form id="payment-form">
    <div id="link-authentication-element">
        <!--Stripe.js injects the Link Authentication Element-->
    </div>
    <div id="payment-element">
        <!--Stripe.js injects the Payment Element-->
    </div>
    <button id="submit">
        <div class="spinner hidden" id="spinner"></div>
        <span id="button-text">Pay now</span>
    </button>
    <div class="hidden" id="payment-message"></div>
</form>
</body>
</html>