"Newsletter Subscribe "
Bootstrap 3.3.0 Snippet by shashibeit

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
<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="intro-header">
<div class="container" align="center">
<div class="tab-content custom-tab-content" align="center">
<div class="subscribe-panel">
<h1>Newsletter!!!</h1>
<p>Subscribe to our weekly Newsletter and stay tuned.</p>
<form action="" method="post">
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i></span>
<input type="text" class="form-control input-lg" name="email" id="email" placeholder="Enter your Email"/>
</div>
</div>
<div class="col-md-4"></div>
<br/><br/><br/>
<button class="btn btn-warning btn-lg">Subscribe Now!</button>
</form>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.intro-header {
color: #f8f8f8;
text-align: center;
}
.container{
margin-top:150px;
background-color:#00bfff;
width:100%;
position:absolute;
height:220px;
}
.custom-tab-content{
color:#fff;
font-family: 'Open Sans', sans-serif;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: