"Newsletter Subscribe"
Bootstrap 3.3.0 Snippet by MTaqi

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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="container">
<div class="row">
<div class="col-md-4">
<div class="center well well-small">
<legend>Subscribe to Our Newsletter</legend>
<form id="employmentForm" method="post" class="form-horizontal">
<div class="form-group">
<label class=" control-label">Subscribe for</label>
<select name="position" class="col-xs-4 form-control">
<option value=""></option>
<option value="0">daily</option>
<option value="1" selected>weekly</option>
<option value="2">monthly</option>
</select>
</div>
<div class="form-group">
<label class="control-label">Email address</label>
<input class="form-control" name="email" />
</div>
<div class="form-group">
<div class="text-center">
<button type="submit" id="validateButton" class="btn btn-default">Subscribe Now!</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
.well{
background-color:#fff;
color:black;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: