"subscribe-section"
Bootstrap 3.0.0 Snippet by jeevan123456

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/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="subscribe-section bg-with-black"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="subscribe-head"> <h2>DO you need more tips?</h2> <p>Sign up free and get the latest tips.</p> <div class="form-section"> <input placeholder="Your Email..." name="EMAIL" id="mce-EMAIL" type="email"> <input value="Yes. I want!" name="subscribe" id="mc-embedded-subscribe" type="submit"> </form> </div> </div> </div> </div> </div> </div>
.subscribe-section { background: rgba(0, 0, 0, 0) url("https://images.pexels.com/photos/257740/pexels-photo-257740.jpeg?w=940&h=650&auto=compress&cs=tinysrgb") no-repeat scroll left top / cover; padding: 60px 0 65px; } .subscribe-head h2 { color: #fff; font-size: 30px; letter-spacing: 0; line-height: 30px; margin: 0 0 13px; text-transform: uppercase; } .subscribe-head p { color: #fff; font-size: 18px; line-height: 22px; margin: 0 0 39px; } .subscribe-head { text-align: center; } .form-section input[type="email"] { border: 0 none; border-radius: 25px; color: #9b9b9b; font-size: 16px; font-style: normal; height: 51px; letter-spacing: 0; text-align: center; width: 460px; } .form-section input[type="submit"] { background: #fdb801 none repeat scroll 0 0; border: 0 none; border-radius: 25px; color: #fff; height: 51px; letter-spacing: 0; margin-left: -60px; padding: 0 58px; }

Related: See More


Questions / Comments: