JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<div class="well trial">
    <h1>Try it today</h1>
    <div class="form-group">
        <input type="text" placeholder="Your Name*" class="form-control" />
    </div>
    <div class="form-group">
        <input type="text" placeholder="Your Email*" class="form-control" />
    </div>
    <div class="form-group">
        <input type="submit" value="order now" class="btn btn-default btn-lg" />
    </div>
    <p><i>
        Don’t worry your email infomation is safe with us. 
We hate spam as much as you do. 
        </i>
    </p>
</div>

CSS

.well.trial{
    width:400px;
    padding: 35px 50px;
    background-color:#feecc8;
    border:none;
    margin: 40px auto;
}
.well.trial h1{
    text-transform:uppercase;
    text-align:center;
    color:#bd8317;
    font-weight:700;
    margin-top:0;
    border-bottom:1px solid #fff;
    margin-bottom:25px;
    padding-bottom:25px;
    line-height:27px;
}
.well.trial input[type="text"]{
    border:none;
    box-shadow:none;
    padding:20px 15px;
}
.well.trial .btn.btn-default{
    display:block;
    width: 100%;
    border:none;
    background-color:#eccb8d;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:500;
    font-size:28px;
}
.well.trial p{
    color:#bd8317;
}