"Contact Form"
Bootstrap 3.0.0 Snippet by kastya

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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
<section id="Contact-form">
<br>
<div class="container">
<div class="contact-header" align="center">
<h2>Cotact Form</h2>
<p>Lorem ipsum dolor sit amet</p>
</div>
<!-- Form -->
<form>
<div class="row">
<div class="col-md-4 col-sm-4">
<h4 align="center"><strong>Company Name,</strong></h4>
<p align="center"><strong>Address:</strong> Abcd, Near XYZ,<br>Country<br><br><strong>Contact:</strong> +91-123456987</p>
</div>
<div class="col-md-4 col-sm-4 ">
<div class="form-group">
<label for="exampleInputUsername">Name</label>
<input type="email" class="form-control" id="exampleInputUsername" placeholder=" Enter Your Name">
</div>
<div class="form-group">
<label for="exampleInputEmailId">Email-id</label>
<input type="password" class="form-control" id="exampleInputEmailId" placeholder="Enter email-id">
</div>
<div class="form-group">
<label for="exampleInputnumber">Mobile-no</label>
<input type="password" class="form-control" id="exampleInputnumber" placeholder="Enter 10 Digit Mobile-no ">
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label for="exampleInputtext">Subject</label>
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
/*topography*/
h1,h2,h3,h4{
font-family: 'Mirza', cursive;
}
p,label{
font-family: 'Roboto', sans-serif;
}
.navbar{
font-family: 'Roboto', sans-serif;
}
#Contact-form{
margin: 0px;
padding: 0px;
width: 100%;
background: #383838;
color: #fff;
}
form{
margin: 30px auto;
}
textarea.form-control {
height: 135px;
}
.submit{
width: 150px;
}
/*Footer*/
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: