<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>
<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>