"contact form"
Bootstrap 3.0.0 Snippet by akhtarvahid

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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 ---------->
<div class="contactContainer">
<h3 align="center">Send me a message</h3>
<form action="/action_page.php">
<label for="fname">Subject</label>
<input type="text" id="fname" name="firstname">
<label for="subject">Message</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:150px;margin-bottom:0px;"> </textarea>
<label style="float:right;position:relative;padding-bottom:20px">Message</label>
<input type="submit" value="Send">
</form>
</div>
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
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
input[type=submit]{
width:100%;
}
.contactContainer {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard React
Contact Form
Bootstrap Contact Form
Bootstrap Contact Form

Questions / Comments: