JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<div class="hero">
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- Begin Left Column -->
            <div class="span5"></div>
            <!-- End Left Column -->
            <!-- Right Column -->
            <div class="span4">  
                <h2 class="white">Sign the the form</h2>
                <hr>
                <form>
                    <center>
                        <input type="text" name="FirstName" id="FirstName" dbfieldid="FirstName" placeholder="First Name" autofocus required >
                    </center>
                    <center>
                        <input type="text" name="Email" id="Email" dbfieldid="Email" placeholder="Email" required >
                    </center>
                    <!-- Submit Button -->
                    <center>
                        <p>
                            <input type="submit" value="Claim Your Offer!" class="sun-flower-button extend submitbtn" >
                        </p>
                    </center>
                    <!-- End Submit Button -->
                </form>
            </div>
        <!-- End Right Column -->
        </div>
    <!-- End Row-fluid -->
    </div>
<!-- Container-Fluid -->
</div>
<!-- End Hero -->