"Simple Contact Forum"
Bootstrap 3.3.0 Snippet by dilaw3r

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
35
36
37
<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" style="color: #FFF; text-shadow: 2px 2px #626262; text-align: center;">
<h1>Welcome! Do you have any questions?</h1>
<h4>Please fill out the form below</h4>
</div>
<div class="container">
<div class="jumbotron" style="margin-top:20px; border-radius: 0px; background-color: #FCFCFC;">
<div class="row">
<div class="col-md-4">
<form>
<div class="form-group">
<span class="glyphicon glyphicon-user" aria-hidden="true" ></span>
<span class="sr-only"></span>
<label for="inputName">Name</label>
<input type="Name" class="form-control" id="inputNAME" placeholder="Please enter your full name">
</div>
<div class="form-group ">
<span class="glyphicon glyphicon-earphone" aria-hidden="true" ></span>
<span class="sr-only"></span>
<label for="inputNumber">Phone</label>
<input type="number" class="form-control" id="inputNumber" placeholder="Phone Number">
</div>
</form>
</div>
<div class="col-md-4">
<form>
<div class="form-group">
<span class="glyphicon glyphicon-envelope" aria-hidden="true" ></span>
<span class="sr-only"></span>
<label for="inputEmail">Email</label>
<input type="email" class="form-control" id="inputEmail" placeholder="Email">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
35
36
37
body {
background-color: #2b2b2b;
}
nav.navbar.navbar-default.navbar-fixed-top {
background-color: #fff;
border-bottom: 2px solid #8e44ad;
}
a.navbar-brand {
font-size: 35px;
}
.contact-heading {
color: #FFF;
text-shadow: 2px 2px rgba(0, 0, 0, 0.43);
text-align: center;
}
label {
color: rgba(84, 84, 84, 0.8);
font-weight: 500;
padding-bottom: 2px;
}
.jumbotron {
border-top: 5px solid rgba(142, 68, 173, 0.63);
-webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.12);
box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.12);
}
.glyphicon {
color:
}
.conversation-wrap
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: