JSFiddle - React, Tailwind, and code Playground

by KARTHIKEYAN K

HTML

<header>
    <div class="page-header">
        <h1>MyDreamSite</h1>
    </div>
</header>
<div class="container">
    <h3 class="page-header">Registration</h3>
    <div class="col-lg-6 col-lg-offset-3">
        <div class="row">
            <div class="well">
                <!--Registration Form-->
                <form action="" class="form-horizontal" id="form1">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="First Name" id="ctrl1">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Last Name" id="ctrl2">
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control" placeholder="Email" id="ctrl3">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Password" id="ctrl4">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Confirm password" id="ctrl5">
                    </div>
                    <div class="form-group">
                        <input type="submit" class="form-control btn btn-danger" value="Submit">
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--User data table-->
    <div class="col-lg-12">
        <div class="table-responsive">
            <table class="table table-bordered table-striped" id="table1">
                <thead>
                <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Email</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>Karthikeyan</td>
                   ...

CSS

/*page footer*/

.footer {
    position: absolute;
    bottom: 0px;
    padding-top: 19px;
    color: #777;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}