Você está aqui: Página Inicial > Eventos > inovagov > 2016 > certificados > Emissão de certificado para o InovaGov 2016

Emissão de certificado para o InovaGov 2016

última modificação:  14/10/2016 11h42

text/html form.html — 3 KB

Conteúdo do arquivo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Emissão de certificados da II Semana de Inovação</title>
<style>
#cert_form {
}

#cert_form p, #cert_form label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#evento, #nome {
	width: 100%;
}

#cpf {
	width: 200px;
}

#evento, #cpf, #nome {
	height: 30px;
	border-radius: 7px;
}

#cert_form #emitir {
	padding: 10px 15px;
	font-weight: bold;
}
</style>
</head>

<body>
<form id="cert_form" name="cert_form" method="get" action="/eventos/inovagov/2016/certificados/certificado">
  <p><strong style="color:#F00;">Instruções para o certificado da <u>Conferência Internacional</u>:</strong><ul>
  <li>Se você informou o seu CPF durante a Conferência Internacional, informe-o no campo "CPF".</li> 
  <li>Se você <u>NÃO INFORMOU O CPF</u> durante a Conferência (e só nesse caso), informe o seu nome completo no campo "Nome Completo" <strong>exatamente do mesmo jeito que foi informado à organização do evento, escrito em letras minúsculas</strong>.</li>
  <li>Clique em "Emitir Certificado".</li>
  </ul>
  </p>
  <p><strong>Caso você tenha participado de alguma arena</strong>, preencha os campos "CPF" e escolha a arena que você participou no campo "Evento" e clique em "Emitir Certificado".
  </p>
  
  <p>
    <label for="cpf"><strong>CPF</strong></label><br />
    <input name="cpf" type="text" id="cpf" maxlength="14" />
  </p>
  <div id="nome_div">
    <label for="nome"><strong>Nome completo</strong></label><br />
    <input name="nome" type="text" id="nome" />
  </div>
  <p>
    <label for="evento"><strong>Evento</strong></label><br />
    <select name="evento" id="evento">
      <option value="14">Conferência Internacional</option>
      <option value="1">Arena 1 - Metodologias Colaborativas de Inovação em Governo</option>
      <option value="2">Arena 2 - O poder da prototipação: mudando o mundo em 4 horas e Abordagem metodológica para o teste de hipóteses no setor público</option>
      <option value="4">Arena 4 - Observatório da OCDE: habilidades individuais e cultura organizacional para a inovação no setor público</option>
      <option value="5">Arena 5 - Simplificando Vidas: avaliação do cidadão quanto à qualidade dos serviços oferecidos</option>
      <option value="6">Arena 6 - Do meu lado do balcão: registros do ReclameAqui Governo sobre a experiência do cidadão no consumo de serviços públicos</option>
      <option value="7">Arena 7 - Preparar, apontar, fogo! Como identificar e eliminar barreiras à inovação</option>
      <option value="8">Arena 8 - Finanças sociais de negócios de impacto podem apoiar a solução de problemas públicos</option>
      <option value="9">Arena 9 - Plataformas digitais de inovação: novas possibilidades de interação</option>
      <option value="10">Arena 10 - Desenvolvendo servidores empreendedores para a inovação</option>
      <option value="11">Arena 11 - Fábrica de Ideias: design thinking e abordagens de inovação no serviço público</option>
      <option value="12">Arena 12 - Criatividade e Design Thinking</option>
      <option value="13">Arena 13 - Abrindo caminhos: experiências européias em compras e incorporação de soluções inovadoras</option>
    </select>
  </p>
  <p>
    <input type="submit" name="Emitir Certificado" id="emitir" value="Emitir Certificado" />
  </p>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script>
$(document).ready(function(e) {
    $("#evento").on("change", function() {
        var selecionado = $("#evento option:selected").val();
		if (selecionado == "14") {
			$("#nome_div").show();
		} else {
			$("#nome_div").hide();
		}
    });
});
</script>
</body>
</html>