JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div id="login-info" class="hero-unit">
        <hgroup>
            <h1>Product Name</h1>
            <h4>Product Description.</h4>
        </hgroup>

          <hr/>
<div class="alert alert-success">
        <a class="close" data-dismiss="alert">×</a>
        <strong>Well done!</strong> You successfully read this important alert message.
      </div>
          
<form class="well form-inline">
        <input type="text" class="input-large" placeholder="Email">
        <input type="password" class="input-large" placeholder="Password">
        <button type="submit" class="btn btn-primary">Sign in</button>
        <label class="checkbox" style="display:none;">
          <input type="checkbox"> Remember me
        </label>
      </form>
          
        <p>Other product details or hints</p>
      </div>

    </div> <!-- /container -->

CSS

body { 
background-color: #efefef;
    background: -webkit-gradient(radial, center center, 69, center center, 999, from(#eee), to(#369));
    background: -moz-radial-gradient(#eee, #369);
}
#login-info { 
width: 550px;
margin: 9% auto ; 
}
#login-info h1 { font-size: 42px; }