"Enquiry"
Bootstrap 4.1.1 Snippet by SANTANU CHOWDHURY

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/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<form>
<h3>HAVE A QUESTION?</h3>
<div class="row">
<div class="col-md-12">
<center>
<p>For any further queries and doubts, kindly fill in the details given below and hit send. </p>
</center>
<div class="form-group">
<label for="exampleInputEmail1">Enter Your Name</label>
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Enter Your Phone</label>
<input type="number" class="form-control" id="exampleInputPassword1" placeholder="Phone">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Enter Your Email</label>
<input type="number" class="form-control" id="exampleInputPassword1" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Select Your Course</label>
<select class="form-control">
<option>Select</option>
<option>B.ED</option>
<option>D.E.L.ED</option>
</select>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Your Message</label>
<textarea class="form-control" rows="3" placeholder="Type Your message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
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
form {
border: 1px solid #ddd;
max-width: 440px;
margin: 0 auto;
border-radius: 5px;
position: relative;
overflow: hidden;
}
form h3 {
background: #1F487C;
color: #fff;
padding: 11px;
text-align: center;
font-size: 20px;
}
form p {
font-size: 14px;
line-height: 20px;
color: #767676;
}
form label {
font-weight: 600;
font-size: 13px;
color: #646464;
}
form .form-group {
margin-bottom: 10px;
}
form .row {
padding: 6px 30px 30px 30px;
}
.form-control{
border: 1px solid #dbdbdb;
}
.form-group .form-control:focus {
outline: none;
box-shadow: none;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: