uploader.html

<!-- START OF UPLOADER -->
<div id="uploader-container" class="transparent">
    <h2 class="step-one">First, take your picture or select a photo from your device.</h2>
    <div class="step-container step-one">
        <div id="upload-button" onclick="$('#fileinput').click()">
            <i id="upload-icon" class="fas fa-upload fa-9x"></i>
            <img id="selected-image" src="#" alt="your selected image" />
        </div>
        <p><input id="fileinput" type="file" accept="image/gif, image/jpeg, image/png" onchange="onFileChange(this)"/></p>
    </div>

    <h2 class="step-two">We'll email your perfectly cropped photo to you in a few minutes when it's ready?</h2>
    <div class="step-container step-two">
        <p>Where should we send your photo?</p>
        <p><input id="email" type="text" placeholder="email address"></p>
        <div id="buttons">
            <button onclick="showStepOne()">Back</button>
            <button onclick="submit();">Submit</button>
        </div>
    </div>

    <h2 class="step-three">That's it! Check your email for your perfectly cropped passport photo.</h2>
</div>
<!-- END OF UPLOADER -->