Trabalhe Conosco
Envie seu currículo
Campos padrões:
media *
Deve ser informado a variável para pegar o parâmetro "m" da url, ex: media=QUERY_PARAM(m)
external_referrer *
Deve ser informado a variável para pegar a url de referencia, ex: external=EXTERNAL_REFERRER
utm_source *
Deve ser informado a variável para pegar o parâmetro "utm_source" da url, ex: midia=QUERY_PARAM(utm_source)
email ou telefone *
Serve para capturar a informação de contato.
captation *
Serve para capturar o meio de captação. Parametros com * são obrigatórios
HTML
<div class="container"> <div class="row"> <div class="col-md-12"> <div class="content-box clearfix"> <div class="col-md-8"> <h3>Trabalhe Conosco</h3> <figure> <img src="https://static.reweb.io/c/740/200" class="img img-responsive"/> </figure> <p>Disposta a investir em novos talentos para compor seu quadro de colaboradores, a Reweb disponibiliza este canal aos profissionais interessados em encaminhar seus currículos para nosso banco de dados.</p> </div> <div class="col-md-4"> <h5>PREENCHA O FORMULÁRIO <span>E ENVIE SEU CURRÍCULO</span></h5> <form method="post" class="mbr-form" action-xhr="/api/lead/register" enctype="multipart/form-data" custom-validation-reporting="show-all-on-submit" target="_top"> <input type="hidden" name="captation" value="SITE_WHATSAPP" /> <input type="hidden" name="media" value="QUERY_PARAM(m)" data-amp-replace="QUERY_PARAM"> <input type="hidden" name="utm_source" value="QUERY_PARAM(utm_source)" data-amp-replace="QUERY_PARAM"> <input type="hidden" name="external_referrer" value="EXTERNAL_REFERRER" data-amp-replace="EXTERNAL_REFERRER"> <input type="hidden" name="document_referrer" value="DOCUMENT_REFERRER" data-amp-replace="DOCUMENT_REFERRER"> <div submitting> <template type="amp-mustache"> <span class="col-lg-12 alert alert-info"> Enviando formulário... </span> </template> </div> <div submit-success> <template type="amp-mustache"> <span class="col-lg-12 alert alert-success"> Mensagem enviada com sucesso. </span> </template> </div> <div submit-error> <template type="amp-mustache"> <span class="col-lg-12 alert alert-danger"> {% verbatim %} {{ message}} {% endverbatim %} </span> </template> </div> <div class="form-group"> <label for="nome">Nome</label> <input type="text" class="form-control"name="nome" id="nome" pattern="[a-záàâãéèêíïóôõöúçñźd' ]+" required> <span visible-when-invalid="valueMissing" validation-for="nome"></span> <span visible-when-invalid="patternMismatch" validation-for="nome"> Esse campo só aceita letras como caracters. </span> </div> <div class="form-group"> <label for="email">Email</label> <input type="text" class="form-control" name="email" id="email" required> <span visible-when-invalid="valueMissing" validation-for="email"></span> </div> <div class="form-group"> <label for="telefone">Telefone</label> <input type="text" class="form-control" name="telefone" id="telefone" mask="(00)00000-0000" required> <span visible-when-invalid="valueMissing" validation-for="telefone"></span> </div> <div class="form-group"> <label class="txtCurriculo">Anexe seu currículo <small class="error">(pdf, doc, docx e até 20MB)</small>:</label> <div class="upload"> <input type="file" name="arquivo" id="file"> </div> </div> <div class="form-group"> <input type="checkbox" name="politica" value="Aceito a politica de privacidade" id="privacy" required="true" checked> <a href="javascript:void(0);" target="_blank" class="privacy-policy" on="tap:my-policy"> Aceito a politica de privacidade</a> </div> <button type="submit" class="btn btn-primary">Enviar</button> </form> </div> </div> </div> </div> </div> <amp-lightbox id="my-policy" layout="nodisplay"> <div class="policy" tabindex="0"> <div class="lightbox-header"> <h3>Politica de privacidade title:</h3> <button class="close" on="tap:my-policy.close"> <span aria-hidden="true">×</span> </button> <hr /> </div> <div class="content"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </div> </amp-lightbox> </div>
COMPONENTS
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script> <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script> <script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script> <script async custom-element="amp-inputmask" src="https://cdn.ampproject.org/v0/amp-inputmask-0.1.js"></script> <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>