JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<div class="paper">
    <h1 class="center" style="margin-bottom: 0;">
        Texas Department of Agriculture
    </h1>
    <h2 class="center" style="margin: 0;">
        Commissioner Sid Miller
    </h2>
    <h3>
        Welcome
    </h3>
    <p>
        All visitors please sign in
    </p>
    
    <label for="VisitorsName">Your name:</label>
    <input id="VisitorsName" placeholder="Please enter your name" type="text" maxlength="200" />
    <br/>
    <label for="Organization">Organization:</label>
    <input id="Organization" placeholder="Please the name of your organization" type="text" maxlength="200" />
    
</div>

CSS

body {
    /* Deletion Link: http://imgur.com/delete/4Zo4KCVntNlwzf2 */
	background: url('http://i.imgur.com/cnOUg70.jpg') no-repeat right bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.center {
    text-align: center;
}

.paper {
    width: 6in;
    height: 8in;
    margin: 0 auto;
    padding: .5em 2em;
    background-image: url('http://www.highlandgcc.com/SiteDesign/Images/bg.aspx');
}

label {
    width: 10em;
    text-align: right;
    display: inline-block;
}

input {
    background-color: transparent;
    border: none;
    border-bottom: solid black 2px;
    border-radius: 0;
    width: 25em;
    margin-bottom: .75em;
}