<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="span12"> <div class="thumbnail center well well-small text-center"> <h2>Newsletter</h2> <p>Subscribe to our weekly Newsletter and stay tuned.</p> <form action="" method="post"> <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span> <input type="text" id="" name="" placeholder="your@email.com"> </div> <br /> <input type="submit" value="Subscribe Now!" class="btn btn-large" id = "sub-btn"/> </form> </div> </div> </div> </div>

#sub-btn{ border: 1px solid #ff931e; background-color : blue; color: red; cursor: pointer; display: table-cell; font-family: "ProximaNova-Semibold"; font-size: 13px; height: 36px; line-height: 36px; outline: medium none; padding: 0 25px; text-align: center; text-transform: uppercase; vertical-align: middle; -webkit-transition: all .15s ease-in-out; }