JSFiddle - React, Tailwind, and code Playground

by Tiago Sousa

HTML

<div class="container">
    <div class="login-form col-sm-6 col-sm-offset-3 clearfix">
        <form action="login.php" method="post">
             <h1>Login</h1>

            <div class="form-group">
                <input type="text" class="form-control" id="userame" name="userame" placeholder="Username" />
            </div>
            <div class="form-group">
                <input type="password" class="form-control" id="password" name="password" placeholder="Password" />
            </div>
            <div class="pull-right">
                <p><a href="registar.php">Registar</a>
                </p>
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </form>
    </div>
</div>

CSS

body {
    margin-top: 50px;
    background: url("http://www.greatvectors.com/thumb/white-seamless-cubic-background-1457.jpg") #dedede;
    
}
.login-form {
    padding: 20px;
    border: 1px solid #a1a1a1;
    background: #fff;
}