"Call to Action "
Bootstrap 3.3.0 Snippet by carlvlewis

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="padding20 bgcolor-orange"> <div class="container"> <div class="col-md-8"> <h3>Subscribe to our newsletter</h3> </div> <div class="col-md-4"> <br> <form class="form-inline"> <div class="input-group"> <input type="email" class="form-control" size="50" placeholder="Email Address" required> <div class="input-group-btn"> <button type="button" class="btn btn-danger">Subscribe</button> </div> </div> </form> </div> <div class="clearfix"> </div> </div> </div>
.bgimage4 { background: url(https://images.pexels.com/photos/162616/coffee-work-desk-mug-keyboard-162616.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 200px; padding: 50px 0 50px; } .bgimage3 { background: url(https://images.pexels.com/photos/248824/pexels-photo-248824.jpeg?w=940&h=650&auto=compress&cs=tinysrgb)no-repeat center; background-size: cover; min-height: 200px; } .padding80 { padding: 80px 0; } .text-color-light { color: #fff; } .half-right { background: url(https://images.pexels.com/photos/79290/black-and-white-code-programming-tech-79290.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; min-height: 500px; text-align: center; padding: 8em 0 0; } .half-left { background: url(https://images.pexels.com/photos/157039/pexels-photo-157039.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; min-height: 500px; text-align: center; padding: 8em 0 0; } .bgimage2 { background: url(https://static.pexels.com/photos/70577/sunset-birds-flying-sky-70577.jpeg) center fixed; color: #fff; } .padding80 { padding: 80px 0; } .bgimage { background: url(https://images.pexels.com/photos/129922/pexels-photo-129922.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) center fixed; color: #fff; } .padding80 { padding: 80px 0; } .bgcolor-orange { background: #f22a07; color: #fff; } .bgcolor-skyblue { background: #42bff4; color: #fff; } .padding20 { padding: 20px 0; } .padding10 { padding: 10px 0; } .padding20 { padding: 20px 0; } .padding30 { padding: 30px 0; } .bgcolor-red { background: #ff464f; color: #fff; } .color-blue { background: #0accff; color:#000; } .radius20 { border-radius: 20px; } } .new-button { padding: 10px 35px; background: #0accff; color: #212121; font-weight: 600; border-radius: 20px; text-decoration: none; display: block; font-size: 1em; }

Related: See More


Questions / Comments: