unifi-voucher-site/app/views/index/index.ejs

<div id="particles"></div>
<div id="container">
    <div id="center">
        <img src="/images/unifi-icon.png" alt="UniFi Icon" width="100px" height="100px" /><br/>
        <h2><%= config.application.name %></h2>

        <div id="sign-in">
            <h3>Access Code</h3>
            <input type="number" class="access-fields" title="number-1" maxlength="1">
            <input type="number" class="access-fields" title="number-2" maxlength="1">
            <input type="number" class="access-fields" title="number-3" maxlength="1">
            <input type="number" class="access-fields" title="number-4" maxlength="1">
        </div>

        <div id="voucher" class="hidden">
            <h3>Voucher:</h3>
            <h4>XXXXX-XXXXX</h4>
            <p>
                This voucher is valid for one day on one device.
            </p>
            <button>
                Generate
            </button>
        </div>

        <div id="error" class="hidden">
            <h3>Woops</h3>
            <p>
                We are having troubles connecting to the server... please try again later.
            </p>
        </div>
    </div>
</div>