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

@doc

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>

LIVE DEMO


Trabalhe Conosco

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.

PREENCHA O FORMULÁRIO E ENVIE SEU CURRÍCULO
Esse campo só aceita letras como caracters.
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.