JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<br>
<br>
<div class="container">
<div class="text-center">
<div class="col col-lg-offset-3 col-sm-offset-2 col-md-offset-3 col-lg-6 col-md-6 col-sm-8 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"><img src=
"https://dl.dropboxusercontent.com/u/1991578/merit-logo.png" /></div>
<div class="col col-lg-6 col-md-6 col-sm-6 col-xs-6">
<h5>Member Portal</h5>
<div class=
"col col-lg-offset-4 col-md-offset-4 col-sm-offset-4 col-xs-offset-4">
<h6>Login</h6>
</div>
</div>
</div>
</div>
<div class="panel-body">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="row">
<div class="col col-lg-4 col-md-4 col-sm-4 col-xs-4">
<b>Login ID:</b>
</div>
<div class="col col-lg-8 col-md-8 col-sm-8 col-xs-8">
<input type="text" class="form-control" />
</div>
</div><br />
<div class="row">
<div class="col col-lg-4 col-md-4 col-sm-4 col-xs-4">
<b>Password:</b>
</div>
<div class="col col-lg-8 col-md-8 col-sm-8 col-xs-8">
<input type="password" class="form-control" />
</div>
</div>
<hr>
<div class="pull-right">
<input type="submit" class="btn btn-default" value="Login">
</div>
</div>
</div>
<div class="panel-footer">
<a href="/portal/password.epl">Need a Portal...
CSS
body{
background-color: #013366;
}
h5{
color: #3C6289;
font-size: 1em;
font-weight: bold;
}
h6{
color: #aaaaaa;
font-size: 1em;
font-weight: bold;
}