"Contact Us Form"
Bootstrap 3.3.0 Snippet by MTaqi

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"> <div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="well text-center">
<p><small>Os campos marcados com um asterisco (*) são obrigatórios</small></p>
<form action="" method="post">
<input type='hidden' name='csrfmiddlewaretoken' value='jirY00s8p1JmoEVdHSHBrH4rXryWR0jU' />
<div class="form-group">
<input class="form-control" id="id_nome" maxlength="100" name="nome" placeholder="Seu nome *" type="text" />
</div>
<div class="form-group">
<input class="form-control" id="id_email" name="email" placeholder="Seu e-mail" type="email" />
</div>
<div class="form-group">
<input class="form-control" id="id_site" name="site" placeholder="Seu site" type="url" />
</div>
<div class="form-group">
<input class="form-control" id="id_assunto" maxlength="100" name="assunto" placeholder="Assunto *" type="text" />
</div>
<div class="form-group">
<textarea class="form-control" cols="40" id="id_mensagem" name="mensagem" placeholder="Mensagem *" rows="10">
</textarea>
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
.well {
-webkit-box-shadow: none;
box-shadow: none;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #ecf0f1;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.btn {
border-width: 2px;
}
.btn-default {
color: #ffffff;
background-color: #95a5a6;
border-color: #95a5a6;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 10px 15px;
font-size: 15px;
line-height: 1.42857143;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: